Google Maps Mashup
Aprile 10, 2007 19:26Dopo aver letto l’articolo di un mashup con Google Maps in tre mosse mi son chiesto : è mai possibile che si deve fare sto casino per avere delle mappe personalizzate ?
Ho giocato un poco, e ho trovato la risposta : No.
Come? Facile. Basta andare su maps.google.it (o .com, a piacere), loggarsi con il proprio account e cominciare a creare una mappa personalizzata.
Una volta creata, aggiunto dei punti e salvata, bisogna recuperare la URL del file KML che definisce la mappa testè creata.
Nulla di più facile. Essa ha la forma :
http://maps.google.it/maps/ms?ie=UTF8&hl=it&msa=0&output=kml&msid=ID_DELLA_PROPRIA_MAPPA
L’id da aggiungere lo si trova nella sezione di Google Maps relativa a “Le mie mappe”.
A questo punto abbiamo tutto; aggiungiamo nella nostra pagina HTML il codice relativo alla creazione della mappa :
var geoXml = new GGeoXml("http://maps.google.it/maps/ms?ie=UTF8&hl=it&msa=0&output=kml&msid=..."); function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); map.setCenter(new GLatLng(40.82991732677595, 14.124984741210938), 12); map.addOverlay(geoXml); } }
ed il gioco è fatto 
8 Responses to “Google Maps Mashup”
Brav.
scusa la mia ignoranza in materia, ma copiando il codice come se fosse un post su blogger non ottengo la mappa. Dove sbalglio?
Come prima cosa, vediti un pò di documentazione ufficiale qua :
http://www.google.com/apis/maps/documentation/
poi, non so come funziona blogger, ma in generale devi creare una serie di elementi nel post per poi legarti all’evento di creazione del body.
Se ho modo di provare, ti farò sapere
Per velocizzare la fruizione dell’ informazione che dai in questo articolo, segnalo che una pagina d’ esempio su cui è possibile “giocare” è scaricabile a questo indirizzo http://www.google.com/apis/maps/documentation/kmlOverlay.html
Ci sono riuscito! Finalmente… e ragionando sul file d’ esempio che v’ ho linkato nel mio precedente commento. Invece di inserire la url come suggerito da Eligio, che a me non funzionava, ho fatto come nel file d’ esempio, uppando sul mio spazioweb il file kml. sostituite il vostro url a: http://nigel.tao.googlepages.com/blackbirds.kml
Se volete vedere il risultato http://www.altipianodellerocche.it/
L’ ho anche resa “ibrida”. Comunque, cosa fondamentale, dovete creare nuove api key per il vostro sito.
E ovviamente sostituire i valori di zoom, longitudine e latidutine
http://www.google.com/apis/maps/
Eligio, non so a chi ti rivolgevi ma un newbie difficilmente riesce a venirne a capo solo con quello che hai scritto.
Caro Angelo,
grazie per il commento.
Il mio post si rivolgeva a lettori più “smaliziati”.
La differenza fondamentale tra il mio sistema ed il tuo è il seguente :
quando aggiorni la tua mappa personalizzata, sei costretto a scaricare di nuovo il file kml e a caricarlo sul tuo spazio personale, mentre con il sistema proposto da me, questo non è vero.
Per risolvere questo piccolo fastidio, puoi provare a fare questo :
invece di mettere questa riga
prova con questo :
Ovviamente devi :
1. cambiare il valore della variabile my_kml_id con quello della tua mappa personalizzata;
2. controllare che il file kml sia accessibile dall’url definita nella variabile geoXML, ovvero che il dominio sia corretto (maps.google.com o maps.google.it)
per qualsiasi altro commento, sono qui a tua disposizione
Ciao Eligio, grazie per il suggerimento, proverò a fare la tua procedura, proprio perchè non dovrò più “riuppare” il kml.
Un piccolo appunto al sistema dei commenti sul tuo blog. Mi sono iscritto tramite feed rss. il che di per sè è un ottima cosa. Però avendo oltre 100 feed, uno smemorato come me gli aggiornamenti dei commenti si scorda di vederli. Se mettessi un plugin del tipo “subscribe to comments” sarebbe l’ ideale. Ciao
Ciao ragazzi, è tutta notte che cerco e voi mi sembrate quelli che ne sanno più di tutti. Vorrei inserire in un sito l’immagine dell’Italia ma utilizzando il contenuto aggiuntivo “clouds” per creare una sorta di pagina meteo. Vado in goggle maps, creo la mappa, attivo il componente aggiuntivo ma poi quando clicco su “collegamento a questa pagina” mi fornisce un codice che mi visualizza l’Italia ma senza le nuvole! C’è qualche rimedio?
Care to comment?