Basierend auf den Längengraden in einer XML Datei möchte ich Marker auf einer Google Maps Seite setzten und zusätzliche drei verschiedene Marker Gruppen (Marker Clusterer) erstellen mit eigenen Icons.
Aktuelle Probleme: - Bei meinem aktuellen Code werden keine Marker gesetzt! - Ausserdem weiß ich noch nicht genau wie ich einen Marker Clusterer mit eigenen Icons in meinen Code implementieren kann.
// set markers MYMAP.placeMarkers = function(filename) { var markers = []; // create new array for marker points $.get(filename, function(xml){ $(xml).find("marker").each(function(){ var name = $(this).find('name').text(); var address = $(this).find('address').text();
// create a new LatLng point for the marker var lat = $(this).find('lat').text(); var lng = $(this).find('lng').text(); var point = new google.maps.LatLng(parseFloat(lat),parseFloat(lng));
// set marker new var marker = new google.maps.Marker({position: point}); markers.push(marker);
// set marker info var infoWindow = new google.maps.InfoWindow(); var html='<b>'+name+'</b><br>'+address; google.maps.event.addListener(marker, 'click', function() { infoWindow.setContent(html); infoWindow.open(MYMAP.map, marker); });
}); var markerCluster = new MarkerClusterer(map, markers); });