Una macchina, una mappa e un percorso
Il video che vi riporto oggi è tratto da ICTv che è la WebTv italiana interamente dedicata alla tecnologia e all’informatica.
Troverete spiegate alcune divertenti applicazioni di Google Maps:
Di seguito vi riporto gli esempi illustrati nel video:
- Selezioniamo Marker multipli dai link della pagina – Esempio1
- Comparazione in tempo reale tra due Mappe di dimensioni diverse – Esempio2
- Cambiamo le icone del Marker – Esempio3
- Formattiamo il contenuto di un Marker – Esempio4
- Formattiamo il layout del Marker – Esempio5
- Aggiungiamo una label sulla mappa – Esempio6
- Usiamo la lente d’ingrandimento per selezionare le aree in cui zoommare – Esempio7
- Finalmente possiamo testare il percorso della macchinina! Basterà inserire la partenza e la destinazione per formare l’itinerario desiderato (rispettate la sintassi nell’inserimento se no, non vi trova il percorso) – Esempio8
Altri esempi che vi consiglio di guardare sono:
- Cerchiamo la nostra via, oltre alla ricerca normale si affiancheranno dei suggerimenti con tutte le alternative per trovare la via esatta – Esempio
- Nascondiamo, mostriamo ed evidenziamo delle aree della mappa – Esempio
- Marker animato – Esempio
- Utilizziamo le freccie direzionali per guidare nella Google Maps (struttura interamente realizzata in Flash) – Esempio
- Percorso della macchinina con linea evidenziata – Esempio
- Arricchiamo la mappa d’informazioni, come foto e articoli di wikipedia – Esempio
Per chi volesse approfondire l’argomento, consiglio anche il seguente video, sempre realizzato dalla ICTv:
Sul sito del creatore Mike Williams, potrete trovare molte altre risorse, esempi e tutorial, ovviamente sono tutti in inglese .
A voi quale mappa è piaciuta di più?
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.
Puoi trovare articoli simili in: Google Maps, Servizi Web
![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]")
Come faccio a scaricarli? Ne vorrei mettere alcuni nel mio sito …
Ciao Roberta, è molto semplice!
1 – Vai sulla mappa che vuoi scaricare
2 – Tasto destro del mouse e clicca su visualizza sorgente pagina
3 – Seleziona tutto, copialo e incollalo in un documento HTML
Questo è il metodo se non ci sono librerie da importare ….
Se invece sono presenti css, javascript e altro dovrai importare anche quelli, seguendo semplicemente il pathname in cui sono dichiarati.
Ad esempio: script src=”epoly.js” type=”text/javascript” questo significa che il file epoly.js si trova nella stessa cartella dove è presente la index, quindi dovrai tornare indietro di un livello cancellando semplicemente l’ultima pagina presente nell’url e inserire dopo /epoly.js, così potrai scaricarti anche lo script.
Ricordati di mantenere lo stesso nome del file e la stessa organizzazione delle cartelle!
Su questo sito si riesce, ma alcuni proteggono i contenuti. Quindi questa tecnica non funziona sempre … anche se sono pochissimi i casi.