Salve stavo cercando di mettere a manina la mappa di google e relativo tooltip su un sito, ma pur se la mappa viene visualizzata correttamente con le coordinate giuste non appaiono le iconcine che identificano il luogo. ecco di seguito la pagina che ho creato.
<html><head>
<title>Faultreport LDP</title>
<style type="text/css">
html, body { margin:0; padding:0; width:100%; height:100%; }
body { background:#FFFFFF; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:150%; text-align:center;}
#map { width:500px; height:400px; }
#tooltip { padding:10px; text-align:left; }
#tooltip p, #tooltip img { float:left; display:inline; padding:0; margin:0 10px 0 0; }
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var initialize = function() {
var latlng = new google.maps.LatLng(41.948112, 12.475576);
var options = {
zoom: 14,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map'), options);
var saxarubra = new google.maps.LatLng(41.98521, 12.498033);
var bsautoservice = new google.maps.LatLng(41.943811, 12.469611)
var marker = new google.maps.Marker(
{
position: saxarubra,
map: map,
icon: "image/jeep.png",
flat: true
}
);
var tooltip = "saxarubra";
var infowindow = new google.maps.InfoWindow(
{
content: tooltip
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
var marker = new google.maps.Marker(
{
position: bsautoservice,
map: map,
icon: "image/jeep.png",
flat: true
}
);
var tooltip = "bsautoservice";
var infowindow = new google.maps.InfoWindow(
{
content: tooltip
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
}
window.onload = initialize;
</script>
</head>
<body>
<div id="map"></div>
</body>
</html>
chi mi può aiutare grazie
