Code:
<script type="text/javascript">
var hole_active = 0;
function initialize() {
var winkels = [
['Store 1', 52.317281, 5.134542, 4, 'store'],
['Store 2', 52.317281, 5.136542, 5, 'store'],
['Store 3', 52.317281, 5.138542, 3, 'store'],
['Store 4', 52.317281, 5.140542, 2, 'store'],
['Store 5', 52.317281, 5.142542, 1, 'store']
];
var myOptions = {
center: new google.maps.LatLng(52.317281,5.134542),
zoom: 14,
streetViewControl: false,
mapTypeControl: false,
mapTypeId: google.maps.MapTypeId.SATELLITE
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var image = new google.maps.MarkerImage('', new google.maps.Size(85, 56), new google.maps.Point(0,0), new google.maps.Point(12, 56));
var markerName, i;
for (i = 0; i < winkels.length; i++) {
var markerName = winkels[i][4];
markerName = new google.maps.Marker({
position: new google.maps.LatLng(winkels[i][1], winkels[i][2]),
draggable:true,
animation: google.maps.Animation.DROP,
icon: image,
bg: 'url(assets/images/maps/marker_white.png)',
bg_active: 'url(assets/images/maps/marker_green.png)',
temp: '<img src="assets/images/maps/photo.png" style="padding:2px;" />',
map: map
});
var labelName = 'label'+i;
labelName = new Label({ map: map });
labelName.bindTo('position', markerName, 'position');
labelName.bindTo('bg', markerName, 'bg');
labelName.bindTo('text', markerName, 'temp');
google.maps.event.addListener(markerName, 'click', function() {
labelName.bindTo('bg', markerName, 'bg_active');
labelName.bindTo('text', markerName, 'temp');
hole_active = winkels[i][3];
});
}
}
function doeAktie(naam){
}
</script>
Bookmarks