Google maps-script virker ikke helt
Hej,Jeg benytter dette JS til at vise positioner på et google-kort:
Det virker fint, når man klikker på dråben.
Problemet er at når jeg fører musen over dråberne, så vises tekst og html-kode + ascii. Hvordan undgår jeg dette?
Venlig hilsen
Klaus
function initializeMap() {
var locations = [
['<b>Firma<sup>®</sup></b><br>Møllevej 123<br>DK-2222 Mølle<br>Tel.:+45 1234 5678<br>Mail:info@mollesten.com', 55.315615, 11.376579],
['<b>Firma22<sup>®</sup></b><br>Møllevej 999<br>DK-2222 Mølle<br>Tel.:+45 1234 5678<br>Mail:info@mollesten.com', 54.315615, 11.456579]
];
var lat = '55.315615';
var lon = '11.376579';
var contentString = 'YxYX';
var centerLon = lon - 0.0105;
var myOptions = {
scrollwheel: false,
draggable: false,
disableDefaultUI: true,
center: new google.maps.LatLng(lat, centerLon),
zoom: 7,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
//Bind map to elemet with id map-canvas
var map = new google.maps.Map(document.getElementById('map-canvas'), myOptions);
var marker = new google.maps.Marker({
map: map,
position: new google.maps.LatLng(lat, lon),
title: 'xxx xxx'
});
var infowindowW = new google.maps.InfoWindow({
content: contentString
});
google.maps.event.addListener(marker, 'click', function() {
infowindowW.open(map, marker);
});
infowindowW.open(map, marker);
var myOptions2 = {
scrollwheel: false,
draggable: false,
disableDefaultUI: false,
center: new google.maps.LatLng(55.315615, 11.376579),
zoom: 7,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map2 = new google.maps.Map(document.getElementById('map-canvas'), myOptions2);
var i;
for (i = 0; i < locations.length; i++) {
var marker2 = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map2,
title: locations[i][0]
});
var infowindow2 = new google.maps.InfoWindow({
content: locations[i][0]
});
google.maps.event.addListener(marker2, 'click', (function(marker2, i) {
return function() {
infowindow2.setContent(locations[i][0]);
infowindow2.open(map2, marker2);
};
})(marker2, i));
}
}
google.maps.event.addDomListener(window, 'load', initializeMap);
--
plus dette google-script: <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false&callback=initializeMap"></script>