WebFandom: la passione per il web, la grafica e il design.

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:

  1. Selezioniamo Marker multipli dai link della pagina – Esempio1
  2. Comparazione in tempo reale tra due Mappe di dimensioni diverse – Esempio2
  3. Cambiamo le icone del Marker – Esempio3
  4. Formattiamo il contenuto di un Marker – Esempio4
  5. Formattiamo il layout del Marker – Esempio5
  6. Aggiungiamo una label sulla mappa – Esempio6
  7. Usiamo la lente d’ingrandimento per selezionare le aree in cui zoommare – Esempio7
  8. 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ù?

Articoli correlati:

  • :D hai pensato a me per questo articolo!!!! Grazieeeeeeee!! La macchinina è il più spetacolare …

  • 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.

Segui tutti i commenti tramite Feed RSS 2.0 feed.