Le potenzialità di Google Maps
Questo è il primo di una lunga serie di articoli legati all’utilizzo delle famose Google Maps.
Nei quali cercherò di vedere con voi, l’implementazione in un sito web di una mappa basilare, fino ad arrivarea strutture più complesse come ad esempio dei simulatori GPS per dispositivi mobile.
La prima implementazione che vi voglio illustrare è la più semplice in assoluto e non richiede delle grosse competenze in ambito informatico.
Per prima cosa andate sul sito di Google, se già non avete un Google Account, createvene uno (la registrazione è importantissima per poter usufruire del molti servizi gratuiti che Google mette a disposizione).
Ora possiamo iniziare a lavorare.
Andiamo sulla Home Page di Google Maps nella sezione Le Mie Mappe e fate click sul bottone Crea una nuova mappa.
Inseriamo tutti i parametri di ricerca per trovare la via desiderata, il nome della mappa e una breve descrizione.
Una volta salva, il gioco è fatto!!!!
Non resta da far altro che inserire un Marker (chiamato puntatore) sulla Via interessata e compilarne i rispettivi campi richiesti.
Per inserire nel vostro sito la mappa generata, Google mette a disposizione una comoda opzione chiamata link (che trovate nell’angolo alto destro della finestra) che permette di includere la mappa creata in un iFrame da inserire in un qualsiasi codice HTML, il servizio consente anche di poter personalizzare le dimensioni in base alle nostre esigenze.
L’utilizzo di questa tipologia di mappa è molto comoda per la sua leggerezza e per chi non vuole scrivere neanche una linea di codice!!
L’esempio qui sotto chiarisce bene il risultato finale.
Visualizza Milano Lambrate in una mappa di dimensioni maggiori
Altri articoli correlati:
Alberto TrussardiFondatore del progetto webfandom, è un Web Designer freelance di Bergamo che collabora in tutta Italia con diverse aziende nel campo dello sviluppo web e marketing online. Ama l’arte e la poesia, due ottime compagne che lo aiutano a trovare ispirazione per i lavori che svolge.
![Oltre 100 paper texture gratuite che potranno aiutarti a migliorare i background dei tuoi progetti grafici + [tutorial su come creare un effetto vintage a un foglio di carta]](http://www.webfandom.com/wp-content/uploads/2010/05/texture_vecchia_carta-150x150.jpg "Oltre 100 paper texture gratuite che potranno aiutarti a migliorare i background dei tuoi progetti grafici + [tutorial su come creare un effetto vintage a un foglio di carta]")
serve anche la key!
Ciao Ale! Guarda che per le mappe personalizzate non serve! E’già generata all’interno dell’iFrame. L’esempio sopra ne è la prova!
La key ti serve quando vuoi integrare la mappa all’interno del codice con Javascript!!
Esatto, ora sto lavorando per l’articolo sulle mappe con javascript sarà pubblicato presto!
Ho una domada su Google maps, ho creato anche io delle mappe che ho reso pubbliche. Ho notato che se un utente qualunque scrive il nome di una città a lato vengono proposte le mappe relative a quella città, create dai vari utenti. La domanda è perchè le mie non ci sono? Come faccio a fare comparire anche le mie mappe? Spero di essere stata chiara.Grazie
Ciao Laura! Tranquilla è questione di Seo cerca di ottimizzare le descrizioni e i titoli cercando di mettere delle parole chiave uniche per farti trovare e vedrai che inizierai a salire nelle posizioni! Se vuoi posta l’esempio che lo vediamo assieme.
Volevo sapere se google maps permette di creare ricerche sulle mappe secondo percorsi stabiliti come ad esempio avviene per le linee degli autobus come in questo sito…
http://infopoint.atac.roma.it
Altrimenti come si potrebbe realizzare una cosa del genere?? Grazie!
Ciao Valerio per fare quello che richiedi tu qui: http://www.webfandom.com/google-maps/una-macchina-una-mappa-e-un-percorso/ trovi un bell’esempio!