var infowindow = null;
function initialize()
{
var latlng = new google.maps.LatLng(49.62549, 6.1083);
var myOptions = {
zoom: 10,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
streetViewControl: false
};
//place map on canvas
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
//Set all markers
setMarkers(map, items);
infowindow = new google.maps.InfoWindow({
content: "holding..."
});
}
// array of markers
var items = [
['Garage M. Losch - Bonnevoie', 49.593960, 6.137849, 1, ''],
['Porsche Zenter Lëtzebuerg - Howald', 49.576153, 6.138922, 2, ''],
['Garage M. Losch - Bereldange', 49.653801, 6.129100, 3, ''],
['Garage M. Losch - Esch-sur-Alzette', 49.495705, 5.967464, 4, ''],
['Garage Losch & Cie - Junglinster', 49.704445, 6.249644, 5, '']
];
var image = new google.maps.MarkerImage(
'images/marker-images/image.png',
new google.maps.Size(32,37),
new google.maps.Point(0,0),
new google.maps.Point(16,37)
);
var imageporsche = new google.maps.MarkerImage(
'images/marker-images/image-porsche-grey.png',
new google.maps.Size(32,37),
new google.maps.Point(0,0),
new google.maps.Point(16,37)
);
var shadow = new google.maps.MarkerImage(
'images/marker-images/shadow.png',
new google.maps.Size(54,37),
new google.maps.Point(0,0),
new google.maps.Point(16,37)
);
var shape = {
coord: [29,0,30,1,31,2,31,3,31,4,31,5,31,6,31,7,31,8,31,9,31,10,31,11,31,12,31,13,31,14,31,15,31,16,31,17,31,18,31,19,31,20,31,21,31,22,31,23,31,24,31,25,31,26,31,27,31,28,31,29,30,30,29,31,23,32,22,33,21,34,20,35,19,36,12,36,11,35,10,34,9,33,8,32,2,31,1,30,0,29,0,28,0,27,0,26,0,25,0,24,0,23,0,22,0,21,0,20,0,19,0,18,0,17,0,16,0,15,0,14,0,13,0,12,0,11,0,10,0,9,0,8,0,7,0,6,0,5,0,4,0,3,0,2,1,1,2,0,29,0],
type: 'poly'
};
//function to actually put the markers on the map
function setMarkers(map, markers)
{
//loop through and place markers
for (var i = 0; i < markers.length; i++)
{
//porsche special icon
if (i == 1){
var iconx = imageporsche;
} else {
var iconx = image
};
var sites = markers[i];
var siteLatLng = new google.maps.LatLng(sites[1], sites[2]);
var marker = new google.maps.Marker({
position: siteLatLng,
map: map,
icon: iconx,
shadow: shadow,
shape: shape,
title: sites[0],
zIndex: sites[3],
html: sites[4]
});
//initial content string
var contentString = "Some content";
//attach infowindow on click
google.maps.event.addListener(marker, "click", function ()
{
infowindow.setContent(this.html);
infowindow.open(map, this);
});
}
}
google.maps.event.addDomListener(window, 'load', initialize);