0

我有一个带有某些数据点作为自定义 HTML 标记的 am4maps 图表。当附近有多个数据点时，它们看起来非常复杂。如果有一种方法可以在某个缩放级别对标记进行分组或聚类，然后在放大时取消分组或显示各个点，那就太好了。

例如，东南亚似乎有很多密切相关的点：

const pins = [{
  "title": "Singapore",
  "lat": 1.233,
  "lng": 103.739,
  "value": 5
}, ....
]

// Initialise am4maps and populate the series

const imageSeries = chart.series.push(new am4maps.MapImageSeries());
const imageSeriesTemplate = imageSeries.mapImages.template;
const circle = imageSeriesTemplate.createChild(am4core.Circle);
// format the circle

// add a pin or marker for all the points in the array
for (const pin of pins) {
  imageSeries.addData(pin);
}

类似于谷歌地图提供的集群。我在文档中搜索了 AmCharts，但找不到有用的示例。

如何在缩放级别对图像系列中的数据点（或标记）进行聚类？

另外，如何用值标记标记？

这是一个有效的 CodePen：https ://codepen.io/chechs/pen/ZEEexMN

4

0 回答 0