notaio informatico Riccardo Ricciardi

Per poter utilizzare le API di Google Maps occorre procurarsi una chiave alfanumerica lunga 86 caratteri.

Per ottenere la Api Key bisogna collegarsi a questo indirizzo:

http://maps.google.com/apis/maps/signup.html

e indicare l’indirizzo del proprio sito.

Verrà generata l’API Key, da copiare subito con Blocco Note e salvare in un file di testo per poterla poi utilizzare.

Il codice di esempio fornito da Google è stato da me adattato per visualizzare unna mappa dell’Italia con  relativi pulsanti di ingrandimento e spostamento per Campobasso,  latitudine 41.56 e longitudine  14.67 con zoom 8 che visualizza l’Italia centro meridionale (per ingrandire si utilizzerà l’apposito pulsante della mappa o, se si vuole, si può variare lo zoom a 13 che visualizza le strade)

Nel codice sottostante dovranno quindi essere inserite al posto dei caratteri in rosso la API Key personale  copiata nel file di testo di cui sopra e la latitudine e la longitudine della propria città, che si potranno reperire collegandosi a:

http://world.maporama.com/

 La ricerca della propria città fornirà in basso il seguente risultato con i numeri in grassetto e ingranditi da copiare nel codice sottostante.

 

CAMPOBASSO(86100) - Italia

latitudine-longitudine:
41.56
(41°33') |  14.67 (14°39')

Nel codice HTML di una pagina del proprio sito bisogna incollare in puro testo (adoperando, quindi, l’editor “blocco note” )  subito dopo il tag iniziale  <head>  questo codice di script:

 <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABIKEYDI86CARATTERI"

      type="text/javascript"></script>

    <script type="text/javascript">

    //<![CDATA[

    function load() {

      if (GBrowserIsCompatible()) {

        var map = new GMap2(document.getElementById("map"));

           map.setCenter(new GLatLng(41.56, 14.67), 8);

           map.addControl(new GLargeMapControl());

           map.addControl(new GMapTypeControl());

      }

    }

    //]]>

    </script>

 

La pagina del mio sito

http://www.notaioricciardi.it/MappaGoogle.htm

 in cui ho inserito il codice di cui sopra viene così visualizzata