[HELPME] Inserire GoogleMaps in una pagina web

andreanobili

[HELPME] Inserire GoogleMaps in una pagina web

Ciao,
stavo seguendo questo tutorial su come aggiungere GoogleMap ad una semplicissima apgina web:
http://www.deelan.com/dev/google-maps/

ma non mi funziona...ilmio risultato è il seguente:
http://www.siatec.net/andrea/archivio/casavacanze/dovesiamo.html
mi visualizza soltanto le frecce per spostarsi ed i simboli + e - per zoommare sulla cartina...ma della cartina neanche l'ombra...eppure mi pare di aver fatto esattamente come il tutorial.

Il mio codice HTML è:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="_your description goes here_" />
<meta name="keywords" content="_your,keywords,goes,here_" />
<meta name="author" content="Andrea Nobili http://www.siatec.net/andrea/fotografia/" />
<title>Esempio Sito Case Vacanze</title>

<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAALgHsR4P4d7X_xjT6drMbhhSWWOPpqCtb0cp6_TTtdxQ2TwQu0RQHF0eqD6ZVcsKCWCqPvhEoXE1neg" type="text/javascript"></script>

<script type="text/javascript">
    //<![CDATA[
    function showMap()
    {
        if (GBrowserIsCompatible()) {
            
            // Ottiene l'elemento della pagina chiamato "map" (il DIV) 
            //   e crea la mappa utilizzandolo come contenitore.
            var map = new GMap2(document.getElementById("map"));                
            
            // Aggiunge dei controlli per lo zoom e lo spostamento 
            map.addControl(new GSmallMapControl());                
            
            // Centra la mappa su Roma, con uno zoom di 5 
            map.setCenter(new GLatLng(41.896655,12.495918), 5);
        }
    }
    //]]>
</script>
</head>
<body onload="showMap();" onunload="GUnload()"><div id="wrap">

   <div id="map">
      Your browser doesn't support Google Maps or Javascript is turned off.
   </div>


</div>
</body>
</html>

```Per favore aiutatemi a risolvere che sono un tantinello disperato.

Grazie
   Andrea

claudioweb

Ciao devi per prima cosa richiedere una tua key di autenticazione
http://www.google.it/apis/maps/

Poi puoi seguire le indicazioni presenti sul sito ufficiale.
Qui ci sono esempi funzionanti:
http://www.google.it/apis/maps/documentation/examples/index.html

andreanobili

emm già risolto da qualche giorno, cmq grazie

claudioweb

@AndreaNobili said:

emm già risolto da qualche giorno, cmq grazie :-);)