Ciao a tutti.
Sto tentando invano di aggiungere un marker personalizzato alla mia mappa Google, ma per qualche motivo il marker non viene visualizzato. Qualcuno mi sa dire dove sbaglio?
Il codice gmap.js e le icone si trovano nella cartella js/gmap/ , mentre la pagina dove viene visualizzata la mappa si trova nella root principale.
gmap.js
Codice PHP:
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(45.070433, 11.789455), 14);
map.addControl(new GSmallMapControl());
var iconMuseo = new GIcon();
iconMuseo.image = "iconmuseo.gif";
iconMuseo.iconSize = new GSize(28, 28);
iconMuseo.shadow = "iconshadow.png";
iconMuseo.shadowSize = new GSize(40, 28);
iconMuseo.iconAnchor = new GPoint(9, 26);
iconMuseo.infoWindowAnchor = new GPoint(25, 2);
var marker = (new GLatLng(45.070433, 11.789455), iconMuseo);
map.addOverlay(marker);
var html="[b]Palazzo Roverella[/b]
" +
"via Giuseppe Laurenti, 8
" +
"45100 Rovigo (RO)";
GEvent.addListener(marker, "mouseover", function() {
marker.openInfoWindowHtml(html);
});
} else {
alert("Siamo spiacenti, Google Maps API non è compatibile con questo browser.");
}
}
//]]>
contatti.html
Codice PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://maps.google.com/maps?file=api&v=2&key=XXXXXXXXXXXXXXXXXX" type="text/javascript"></script>
<script type="text/javascript" src="js/gmap/gmap.js"></script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 295px; height: 470px; border:7px solid #fff;"></div>
</body>
</html>