Google Maps con jQuery
gMap è un plugin per jQuery estremamente leggero che ti aiuta ad incorporare una Google Maps nel tuo sito.
Con solo 2 KB di dimensione, questo plugin è molto flessibile e altamente personalizzabile.
I due requisiti necessari per poter utilizzare gMap ed includere una mappa nel tuo sito sono:
- ottenere una chiave API di Google Maps
- la libreria jQuery, ovviamente!
A questo punto basta semplicemente includere le chiamate alle API di Google Maps, a jQuery ed a gmap nel tag “<head>” della tua pagina
<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=LA_TUA_CHIAVE_API"></script> <script type="text/javascript" src="javascripts/jquery.js"></script> <script type="text/javascript" src="javascripts/jquery.gmap.js"></script>
ed inserire un div in un posto qualunque della stessa pagina, non dimenticando di assegnarli un id o una classe univoca ed includere un foglio stile che associ un’altezza ed una larghezza fisse.
<div id="map"></div>
A questo punto seleziona il nuovo div con il selettore jQuery e richiama la funzione gmap(): et voilà, la mappa è fatta..
$(function() { $("#map").gMap(); });
[Download non trovato]
Sito autore e demo: http://gmap.nurtext.de/