将markerCluster转换为谷歌地图中的饼图

时间:2016-08-29 18:23:29

标签: google-maps google-maps-api-3 google-maps-markers markerclusterer

我目前正致力于制作群集的Google地图。我设法将标记聚类。我的地图中有两种类型的标记。现在,当我对这些进行聚类时,我无法将基础标记显示为组。 我想将它们转换成饼图。每个标记计数在饼图中具有其权重。就像下图一样。 Chart Marker Clusterer

我也读过关于MarkerClustererPlus的文章。但是在地图中没有使用它的例子。 http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclustererplus/ 此链接无效。如果有关于此plz共享的任何其他文档。

我的地图中有两种不同类型的标记。当这两种类型的标记被聚类时,聚类应该成为一个饼图,其中包含与基础标记计数成比例的这两种标记的重量。

如果有任何相关内容,请回答。感谢。

1 个答案:

答案 0 :(得分:1)

你所有的一切都在这里https://github.com/hassanlatif/chart-marker-clusterer

Traffic_accidents.json - 是 simple_example.html

的数据
var accident_injuries = data.features[i].properties["5074"]; // Some like category ...

然后为饼图(组和标题)设置数据:

switch (Number(accident_injuries)) {
  case 1:
    accident_title = "Fatal";
    break;
  case 3:
    accident_title = "Serious injuries";
    break;
  case 2:
    accident_title = "Very serious injuries";
  ........

设置你的标记

var accident_LatLng = new google.maps.LatLng(Number(accident_lnglat[1]), Number(accident_lnglat[0]));
var marker = new google.maps.Marker({
  position: accident_LatLng,
  title: accident_title
});

然后将其推入数组

markers.push(marker);

for for循环后只生成集群

var markerCluster = new MarkerClusterer(map, markers, opt);

这就是全部。 Voalaa

enter image description here