Integrare google Maps sul proprio sito
Giovanni
| Argomenti: none | 18211
Integrare google Maps sul proprio sito è facile e veloce e riesce a dare un notevole valore aggiunto.
Provo qui a spiegare i primi passi da fare, partire è forse la cosa che spaventa di più, in modo da arrivare ad avere una mappa di google sul proprio sito in pochi minuti.
Per prima cosa occorre andare alla pagine di google in cui viene data la chiave di accesso, la si trova qui.
In questo modo avremo ottenuto un codice alfanumerico lunghissimo che identifica il sito su cui mettero le api di google maps.
A questo punto tra i tag head della nostra pagina inseriamo il codice che richiama la mappa:
<script src="http://maps.google.com/maps?file=api&v=2&key=abcdefg" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.setCenter(new GLatLng(37.4419, -122.1419), 13); } } //]]> </script>
Attenzione che 7.4419, -122.1419 rappresentano le coordinate satellitari del punto di nostro interesse.
Proseguendo, nel body occorre aggiungere il load e l’unload delle mappe:
<body onload="load()" onunload="GUnload()">
Infine, nel punto in cui ci interessa visualizzare la mappa, è sufficiente inserire un div con id=map della dimensione che ci interessa:
<div id="map" style="width: 500px; height: 300px"></div>
Ecco che abbiamo iniziato ad integrare una mappa nel nostro sito, nelle prossime puntate vedremo come integrarla ancora più approfonditamente fino a riuscire a creare dei percorsi con punti cliccabili per zoom e spostamento dell’immagine (come questo percorso relativo ai Forti di Genova)
L’esempio è tratto dalla documentazione originale di google Maps.
Pubblicato in Google Maps |
19 Febbraio 2007 alle 11:01
Grazie per tutta la sezione su G.maps!!!
:-)
Spero che ci ritorni su presto con altri esempi.
Un “wish” personale?
Un interfacciamento a database per poter avere una mappa con i propri “markers” personali (da aggiornare).
ciao
29 Marzo 2007 alle 14:47
Ciao a me interessava sapere se (visto che ho integrato googleapi sul mio sito che però non ho ancora finito) se si poteva aggiungere i campi di rigcerca x l’itinerario esempio:
http://local.google.it/maps?f=d&hl=it&saddr=cremona&daddr=ravenna&sll=41.895888,12.489052&sspn=12.438858,20.566406&layer=&ie=UTF8&z=9&om=1
in cui la destinazione è la posizione del camperservice preso in esame..
provate ad andare su http://www.camperservicesearch.com/temp fate una ricerca senza mettere preferenze…(non importa se l’itinerario si apre in googlemaps anche perchè ha bisogno di più spazio)
o anche una ricerca di un itinerario come sopra ma con dei punti di interessi che indico io esempio :
io devo andare da cremona a ravenna e sulla strada è presente un camperservice o un punto di interesse(casa mia)che vengano indicati…è possibile?
29 Marzo 2007 alle 16:08
Non mi risulta sia possibile integrare in google maps gli itinerari.
29 Marzo 2007 alle 19:17
Un altro sistema non c’è? che voi sappiate?
29 Marzo 2007 alle 19:23
Non è la stessa cosa ma quello che puoi fare abbastanza facilmente è calcolare tutte le aree di sosta che sono nel raggio di tot metri da una località.
In pratica con un calcolo usando le coordinate satellitari puoi avere, ad esempio, tutte le aree di sosta in un raggio di 5 km da Rimini. Credo che per il tipo di servizio che vuoi implementare sia già un ottimo lavoro, no?
29 Marzo 2007 alle 23:59
Non è male come idea come posso fare visto che non è che sono espertissimo…sai darmi una mano?
Grazie
30 Marzo 2007 alle 08:42
Ho scritto un breve tutorial per come fare a trovare le località vicino ad un punto e calcolare la distanza tra due punti avendo una tabella dei punti di interesse (io l’avevo trovata sul web una tabella con tutti i comuni italiani!)
11 Aprile 2007 alle 13:54
Salve,
mi sfugge un particolare..se io implemento nel mio sito la google map, è possibile dare la possibilità ai miei utenti di inserire autonomamente dei marcatori?
9 Luglio 2007 alle 21:28
ciao,
il mio sito fornisce gratuitamente agli utenti (assolutamente gratis) il servizio google maps.
Vorrei offrire agli utenti una funzione aggiuntiva, ma, essendo un po’ ignorante in materia, non so come fare.
Mi piacerebbe che il cliente, vedendo la cartina in questione, potesse puntare con il cursore ed acquisire le coordinate gps di una qualsiasi posizione sulla cartina.
So per certo che la cosa è possibile, ma non ho assolutamente idea di come si possa fare.
Sapete aiutarmi?
Grazie
Max
11 Luglio 2007 alle 06:51
Ti consiglio di guardare il sorgente di questo esempio di google, ci sono tutte le informazioni utili per fare ciò che ti serve.
10 Febbraio 2009 alle 22:32
Ciao, ho trovato la tua guida. Spero di riuscire a geolocalizzare le webcam di montagna e le località per sciare del mio sito. Vorrei far apparire una cartina con i segnalini linkati alle discussioni del mio forum.
Ciaooo
20 Aprile 2009 alle 22:19
Ciao Fracnesco..ho letto questa tua domanda:
# Francesco scrive:
11 Aprile 2007 alle 13:54
Salve,
mi sfugge un particolare..se io implemento nel mio sito la google map, è possibile dare la possibilità ai miei utenti di inserire autonomamente dei marcatori?
******************************************************
Hai avuto una risposta? Ero interessanto anche io.
Grazie mille
21 Aprile 2009 alle 06:47
Occorre sviluppare un programma apposito, non è un grosso lavoro leggendo le API di google maps ma bisogna conoscere la programmazine.
27 Maggio 2009 alle 11:14
Ciao, mi servirebbe sapere come è possibile convertire delle coordinate, ad esempio fornite da gps, in coordinate google.
Grazie mille
17 Agosto 2009 alle 09:31
Ciao, è tutto a posto, però sarebbe ancora meglio metterci la barra laterale per lo zoom, e i pulsanti in alto per passare da una vista all\’altra.
Comunque è un ottimo lavoro.
Grazie
19 Novembre 2009 alle 09:43
Ciao, nella registrazione bisogna indicare il sito in cui verra\’ usata l\’API. Se voglio usare le mappe nell\’ambiente di sviluppo? mi spiego meglio, al momento non ho un dominio registrato, ma sto sviluppando in locale.
Posso usare lo stesso le mappe? se si come?
Grazie a tutti Eugenio
19 Novembre 2009 alle 23:06
Effettivamente in fuori linea è un problema lavorare, anche se a volte ci si riesce, mentre altre volte da’ errore.
26 Novembre 2009 alle 09:27
Scusate la domanda un po\’ banale, ma come faccio a sapere le coordinate del punto che voglio visualizzare sulla mappa?
Posso scorrere la mappa e sapere le coordinate di un punto su di essa?
Grazie Eugenio
26 Novembre 2009 alle 11:18
Può ad esempio usare questo tools.
26 Novembre 2009 alle 12:28
Grazie, ma in questo modo devo dare un indirizzo, se invece volessi trovare le coordinate dove non è presente una strada?
Eugenio
26 Novembre 2009 alle 13:48
Con quel tool si cerca un indirizzo nelle vicinanze, poi si sposta il cursore e si può sapere le coordinate di qualsiasi punto.
25 Aprile 2010 alle 12:42
Ho inserito la mappa di google nel sito del mio ambulatorio medico ma un conoscente mi ha suggerito di toglierla perché Google potrebbe farmi causa per utilizzo non autorizzato della funzione maps a scopo commerciale. Qualcuno sá qualcosa in proposito?
25 Aprile 2010 alle 17:49
Per inserire la mappa bisogna prendere una chiave sul sito di google maps: http://code.google.com/intl/it-IT/apis/maps/signup.html
A quel punto è google stesso ad accettare il sito.
Nessun problema quindi ad integrarlo.
Potrebbe forse esserci problema a copiaincollare parte della mappa senza link diretto a google.
27 Maggio 2010 alle 17:14
Ciao, ho seguito la tua guida peró mi sono fermato già all\’inizio, non riesco a trovare la mia chiave di accesso nella mia google map nel mio account. Dove la trovo? Grazie mille.
27 Maggio 2010 alle 19:00
Bisogna inserire il proprio sito dove c’è il campo “My web site URL” e poi cliccare sul bottone “Generate”
27 Maggio 2010 alle 19:21
Perfetto ti ringrazio, mi ero registrato tempo fa e non c’era ancora questo passaggio. Grazie mille