gmap3根据标记属性定义集群内容

时间:2015-06-01 14:05:07

标签: javascript google-maps google-maps-api-3 markerclusterer jquery-gmap3

这是我的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}属于同一群集,因为它们足够接近。

请告知,谢谢。

0 个答案:

没有答案