地图中的多个样式群集

时间:2015-07-20 09:45:46

标签: javascript google-maps leaflet mapbox markerclusterer

我需要在地图中显示许多不同的点。直到现在,我曾经用谷歌地图创建地图页面。我已经创建了一个包含集群的页面,但现在我需要更多。我需要这样的东西: https://www.mapbox.com/mapbox.js/example/v1.0.0/markercluster-multiple-groups/

但我还没有在谷歌地图中找到这个。因为我认为它不是免费的,所以我的mapbox有问题,所以我的公司必须付钱。这可能在谷歌地图?还是传单?

我已经用传单做了一些事情,如果有可能,我可以使用它。但我也没有为传单找到任何东西。你能指点我看一些这种地图的教程或页面吗?

2 个答案:

答案 0 :(得分:1)

您是否尝试过Google Maps Utility Library V3中的Marker Clusterer Plus库? How-to Page上的“高级示例”甚至演示了群集标记的自定义样式。

答案 1 :(得分:1)

我认为您发布的示例使用markercluster, Leaflet plugin。 Mapbox是Leaflet的一个很好的同步分支,所以你可以使用它的大部分Leaflet插件。

在该示例中,此代码创建一组颜色。 Vanilla Markercluster插件似乎就用于此。

function makeGroup(color) {
  return new L.MarkerClusterGroup({
    iconCreateFunction: function(cluster) {
      return new L.DivIcon({
        iconSize: [20, 20],
        html: '<div style="text-align:center;color:#fff;background:' +
        color + '">' + cluster.getChildCount() + '</div>'
      });
    }
  }).addTo(map);
}

查看Markercluster文档和您提到的例子,您应该能够建立自己的标记组。