这是我的gmap3代码:
var marker = function(data){
return {
values: data,
options:{
icon: 'img/my-icon.png'
},
events:{
click: markerClicked,
mouseover: markerMousedOver,
mouseout: markerMousedOut
},
cluster:{
radius: 20,
0: {
content: "<div class='cluster cluster-foo'>CLUSTER_COUNT</div>",
width: 53,
height: 52,
offset:{
y: -72,
x:-26
}
}
}
};
};
所以我理解内置的gmap3允许根据不同的标记大小定义集群内容。在这种情况下,群集具有大于0的标记将应用<div class='cluster cluster-foo'>CLUSTER_COUNT</div>
。
但是,我想根据data
属性定义不同的群集内容。
例如,这是我的data
数组:
var data = [
{ latLng: [], foo: 1 },
{ latLng: [], foo: 0 },
{ latLng: [], foo: 1 },
.
.
.
]
如果标记有foo:1
,我希望它被归类为<div class='cluster cluster-foo'>CLUSTER_COUNT</div>
,而foo:0
将归<div class='cluster cluster-not-foo'>CLUSTER_COUNT</div>
。
所以我遇到了一些解决方案,它们似乎将data
分成两个不同的数据集,并应用它们自己的集群样式。如果您想要一个聚类来自两个数据集的聚类,则此方法无效。例如,{ data: 1, foo: 1}
和{ data:2, foo: 0}
属于同一群集,因为它们足够接近。
请告知,谢谢。