Кластерные маркеры в AmCharts 4 карты - PullRequest
Новая
       34

Кластерные маркеры в AmCharts 4 карты

0 голосов
/ 23 октября 2019

У меня есть диаграмма am4maps с определенными точками данных в качестве пользовательских маркеров HTML. Когда рядом находятся несколько точек данных, они выглядят довольно запутанными. Было бы замечательно, если бы был способ сгруппировать или сгруппировать маркеры с определенным уровнем масштабирования, а затем разгруппировать или показать отдельные точки при увеличении.

Например, кажется, что существует многотесно связанные точки в Юго-Восточной Азии: 

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);
}

Похоже на кластеризацию , которую предоставляют Карты Google. Я искал документы для AmCharts, но не смог найти полезный пример.

Как кластеризовать точки данных (или маркер) в серии изображений на уровне масштабирования?

Кроме того,как пометить маркер значением?

Вот рабочий CodePen: https://codepen.io/chechs/pen/ZEEexMN

...