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ù?

Altri articoli correlati:

Alberto Trussardi

Alberto Trussardi è un Web Designer Freelance di Bergamo. Studentre universitario presso il Dipartimento di Scienze Informatiche dell'Università degli Studi di Milano. Ama la grafica e tutto quello che gravita attorno al design, informatica e web.
Ti è piaciuto l'articolo?

Puoi seguire tutti gli aggiornamenti del blog iscrivendoti gratuitamente ai Feed Rss!
  • Feed

  • Cosa sono

  • Reader

Se vuoi puoi condividerlo su:

Puoi trovare articoli simili in: Google Maps, Servizi Web

4 COMMENTI

  • Federico
    19 giugno 2009

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

  • Roberta
    20 giugno 2009

    Come faccio a scaricarli? Ne vorrei mettere alcuni nel mio sito …

    • Alberto
      20 giugno 2009

      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!

      risposta a:  Roberta
  • Federico
    20 giugno 2009

    Su questo sito si riesce, ma alcuni proteggono i contenuti. Quindi questa tecnica non funziona sempre … anche se sono pochissimi i casi.

LASCIA UN COMMENTO pesonalizza il tuo avatar registrandoti su gravatar.com