Я заметил, что информационное окно не исчезает, когда маркер переходит в кластер. Есть ли уже готовый способ сделать так, чтобы инфобоксы исчезали, когда маркер переходит в кластер? Если нет, какие-либо предложения о том, как я буду это делать? Я пытался выяснить, как получить все текущие маркеры, которые сгруппированы, но мне не повезло.
У каждого маркера есть информационное окно, созданное специально для этого маркера.
Спасибо за любую помощь, которую вы можете дать заранее!
Пример массива Locations:
var locations = [
['<div class="infomarkerdiv"><a href="index.php?p=JTLgRad15x8=&d=20150616041300"><div class="profile-pic-find" style="background-image: url(/bin/images/cars/2-1.jpg);"></div><div class="name"> Honda Civic</div></a></div>', 39.11342293092857, -77.8597175, 1, 2],
];
Некоторые из моего основного кода:
var marker, i;
var markers = new Array();
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: theMap
});
markers.push(marker);
var myOptions = {
content: locations[i][0],
boxClass: 'infobox',
closeBoxURL: "",
pane: "floatPane"
};
var ib = new InfoBox(myOptions);
ib.open(theMap, marker);
}
var markers = markers; //some array;
var bounds = new google.maps.LatLngBounds();
for (i = 0; i < markers.length; i++) {
bounds.extend(markers[i].getPosition());
}
theMap.fitBounds(bounds);
google.maps.event.addListener(marker, 'map_changed', function() {
//console.log(MarkerClusterer(getTotalMarkers()));
});
google.maps.event.addListener(marker, "click", function(e) {
ib.open(theMap, this);
});
var clusterStyles = [{
textColor: 'white',
url: 'http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m1.png',
height: 55,
width: 53
}, {
textColor: 'white',
url: 'http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m1.png',
height: 55,
width: 53
}, {
textColor: 'white',
url: 'http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m1.png',
height: 55,
width: 53
}];
var markerCluster = new MarkerClusterer(theMap, markers, mcOptions);