Gmap plugin di Jquery per le Google Maps
13 gennaio 2011 
Oggi parliamo di uno strepitoso plugin di jquery utile per inserire le google maps nei nostri progetti: Gmap.
Perché dovremmo utilizzare un plugin e non il solito iframe offerto da Google? Per tantissimi motivi come la compatibilità con molti sistemi di validazione che lo considerano codice sporco oppure come un metodo alternativo e facile da gestire attraverso poche righe di jquery.
Qua troviamo un semplice esempio:
1 2 3 4 5 6 | $("#map1").gMap({ markers: [{ latitude: 47.660937, longitude: 9.569803 }] }); |
Se invece volessimo segnalare un preciso punto come il luogo dove si trova un azienda basta inserire il seguente codice:
1 2 3 4 5 6 7 8 9 10 11 12 | $("#map4").gMap({ markers: [{ latitude: 47.651968, longitude: 9.478485, html: "_latlng" }, { address: "Tettnang, Germany", html: "The place I live" }, { address: "Langenargen, Germany", html: "_address" }], address: "Braitenrain, Germany", zoom: 10 }); |
In più possiamo pure personalizzare i cursori che indicano un luogo ben preciso, con alcuni realizzati da noi.
1 2 3 4 5 6 7 8 9 10 11 12 | $("#map4").gMap({ controls: false, scrollwheel: false, markers: [{ latitude: 47.670553, longitude: 9.588479, icon: { image: "images/gmap_pin_orange.png", iconsize: [26, 46], iconanchor: [12,46], infowindowanchor: [12, 0] } }, }); |
La fonte ufficiale la troviamo qui.
NB: Ovviamente per usufruire al meglio del servizio di Google Maps devi essere in possesso delle API di Google.
Alla prossima 
Potresti trovare interessante anche
Sempre utilissimi i tuoi articoli, grazie!