PHPBBIntegrare PHPBB PHPFunzioni PHP CFunzioni C EcologiaLa mia ecologia   Chi siamoChi è Senamion HomeHome page corner Il Web e l'ecologia

Senamion


Chi siamo:

Il web e l'ecologia, condividere il web e un momento di riflessione sullo stato dell'ecologia e sul suo futuro

Google

Integrare google Maps sul proprio sito

16 Ottobre 2006 by Giovanni | Argomenti: none | 42486

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&amp;v=2&amp;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 |

26 Commenti a “Integrare google Maps sul proprio sito”

  1. Dario scrive:

    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

  2. Carlo scrive:

    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?

  3. Giovanni scrive:

    Non mi risulta sia possibile integrare in google maps gli itinerari.

  4. Carlo scrive:

    Un altro sistema non c’è? che voi sappiate?

  5. Giovanni scrive:

    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?

  6. Carlo scrive:

    Non è male come idea come posso fare visto che non è che sono espertissimo…sai darmi una mano?
    Grazie

  7. Giovanni scrive:

    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!)

  8. Francesco scrive:

    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. Massimo scrive:

    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

  10. Giovanni scrive:

    Ti consiglio di guardare il sorgente di questo esempio di google, ci sono tutte le informazioni utili per fare ciò che ti serve.

  11. Dolomiti scrive:

    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

  12. Stefano scrive:

    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

  13. Giovanni scrive:

    Occorre sviluppare un programma apposito, non è un grosso lavoro leggendo le API di google maps ma bisogna conoscere la programmazine.

  14. Manu scrive:

    Ciao, mi servirebbe sapere come è possibile convertire delle coordinate, ad esempio fornite da gps, in coordinate google.
    Grazie mille

  15. Giuseppe scrive:

    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

  16. Eugenio scrive:

    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

  17. Giovanni scrive:

    Effettivamente in fuori linea è un problema lavorare, anche se a volte ci si riesce, mentre altre volte da’ errore.

  18. Eugenio scrive:

    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

  19. Giovanni scrive:

    Può ad esempio usare questo tools.

  20. Eugenio scrive:

    Grazie, ma in questo modo devo dare un indirizzo, se invece volessi trovare le coordinate dove non è presente una strada?

    Eugenio

  21. Giovanni scrive:

    Con quel tool si cerca un indirizzo nelle vicinanze, poi si sposta il cursore e si può sapere le coordinate di qualsiasi punto.

  22. Pier scrive:

    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?

  23. Giovanni scrive:

    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.

  24. Derek scrive:

    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.

  25. Giovanni scrive:

    Bisogna inserire il proprio sito dove c’è il campo “My web site URL” e poi cliccare sul bottone “Generate”

  26. Derek scrive:

    Perfetto ti ringrazio, mi ero registrato tempo fa e non c’era ancora questo passaggio. Grazie mille

Scrivi un commento