<div style=
'position:absolute;top:0;right:2px;width:120px;height:120px;z-index:99' id=
'dogear_promo'>
<map name=
'dogearmap' id=
'dogearmap'>
<area shape=
'poly' coords=
'0,0,120,0,120,120' href=
'http://www.ereiser.org' alt=
'' />
</map>
<img src=
'http://www.ereiser.org/vostra immagine.gif' usemap=
'#dogearmap' alt=
'Walletpop' style=
'border: 0;' />
</div>
Il codice è semplice ed intuitivo basta inserirlo nelle vostre pagine e inserire il percorso del vostro link e della vostra immagine.
Ricordate che l'immagine deve avere l'angolo retto.
Inserire una mappa da google maps nel vostro sito non è mai stato cosi semplice. Occore per prima cosa registrare una key puntando il browser su
Google Api Key una volta fatto ciò incollatela subito dopo
key
Incollare tra i
tag head il codice che richiama la nostra Api
<script src="http://www.google.com/jsapi?key=Inserire qui la Key" type="text/javascript"></script>
Adesso passiamo al resto inseriamo questo codice sempre tra gli i
tag head e analizziamolo.
<script type="text/javascript">
google.load("maps", "1");
// Call this function when the page has been loaded
function initialize() {
var map = new google.maps.Map2(document.getElementById("map"));
map.setCenter(new google.maps.LatLng(37.4419, -122.1419), 13);
}
google.setOnLoadCallback(initialize);
</script>
La mappa punterà su queste coordinate
37.4419 e
122.1419 mentre il
13 corrisponde allo
Zoom.
map.setCenter(new google.maps.LatLng(37.4419, -122.1419), 13);
Adesso passiamo alla visualizzazione vera e propria inserendo tra i
tag body questo codice
<div id="map" style="width: 200px; height: 200px"></div>
con la prima riga avremo una mappa con
larghezza e altezza di 200px.
cool: coool man, thanks!
02/01/2008 17:23
5 Commenti 
