Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

Tile5: Una Mappa in HTML5 che utilizza Google Maps e altre APIs

Tile5 è una libreria Javascript che abilita i developer ad integrare le mappe esistenti su varie piattaforme (Google Maps, Ping, Yahoo, MapQuest e altre…) mediante  HTML5.

Al di là delle API fornite dalle piattaforme su citate, possono essere sfruttate tante altre funzionalità osservabili nella demo (allegata in calce).

Con la compatibilità che offre l’HTML5, Tile5 è dedicata ad entrambi i mondi desktop e mobile. (Evitando così Flash… ).

Demo


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

Converti ogni immagine in una mappa con MobilyMap !

MobilyMap è un plugin per jQuery che può creare una mappa simile a quelle di Google maps, con il posizionamento dei puntatori data una qualsiasi immagine di partenza fornita dallo sviluppatore.

E ‘possibile aggiungere marcatori basati sulla localizzazione e informazioni su display quando uno di questi marcatori viene cliccato.

La mappa può essere posizionata come si preferisce (in alto, in basso a destra, ecc) o attraverso la definizione di una posizione esatta.

I dati della mappa sono citati all’interno di elementi HTML come: <div class = “punto” id = “p-900-130”> che assegnerà un marcatore al punto specificato.

Il plugin ha anche funzioni di callback come : onMarkerClick, onPopupClose, onMapLoad per una migliore interazione ad ogni livello.

Ecco il link

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

Mappa di Google Embedded in un Sito Web con jQuery: gMap

gMap è un leggerissimo plugin in jQuery per integrare la mappa di Google in qualsiasi sito web.

Esso è semplicemente inserito attraverso il codice HTML con la seguente funzione:

$("#map").gMap();

Può essere, ovviamente, configurato con molti parametri quali la selezione della mappa attraverso latitudine/longitudine, livello di zoom, marcatori di posizione con le classiche finestre pop-up (come in foto), presenza o meno dei controlli sulla sinistra e tanto altro…

Ecco qualche esempio.

Buon embedding!