我刚看过以下帖子:markerclusterer info windows
在这篇文章中我需要一个东西,即markerclusterer的mouseover事件。当鼠标悬停在图标上时,我需要更改图标。
我收到了以下代码:
var clusterOptions = {
zoomOnClick: false,
styles: [{
url: 'images/template/cluster.png',
height: 68,
width: 57,
textColor: '#FFF'
}]
}
var markerClusterer = new MarkerClusterer(map, markers, clusterOptions);
google.maps.event.addListener(markerClusterer, "mouseover", function(cluster) {
console.log('test');
});
// Listen for a cluster to be clicked
google.maps.event.addListener(markerClusterer, 'clusterclick', function(cluster) {
var markers = cluster.getMarkers();
var content = '';
$.each(markers, function () {
content += this.get('content');
});
// Convert lat/long from cluster object to a usable MVCObject
var info = new google.maps.MVCObject;
info.set('position', cluster.center_);
var infowindow = new google.maps.InfoWindow();
infowindow.close();
infowindow.setContent(content);
infowindow.open(map, info);
});
群集程序工作正常,infowindow也很好。它结合了集群中标记的所有信息。
我在mouseover事件中做错了什么?我甚至没有看到console.log!
提前致谢
答案 0 :(得分:4)
我的解决方案是使用markerclustererplus而不是markerclusterer。
只需替换您的脚本src
即可。
这是一个example。
答案 1 :(得分:0)