マーカーがクラスターに入ったときにインフォボックスが消えないように見えることに気付きました。マーカーがクラスターに入ったときにインフォボックスを非表示にする方法は既にありますか? そうでない場合、これを行う方法について何か提案はありますか? クラスター化されている現在のすべてのマーカーを取得する方法を見つけようとしていましたが、うまくいきませんでした。
各マーカーには、そのマーカー専用に作成された情報ボックスがあります。
事前にご協力いただきありがとうございます。
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);