Я использую кластеризацию маркеров leafletjs и leafletjs, чтобы показать, где живут мои друзья. Проблема в том, что некоторые из них живут в одном доме, поэтому координаты нескольких маркеров совпадают. Проблема возникает, когда в одном месте проживает более 50 друзей.
Есть ли способ скрыть маркеры, и при щелчке по кластеру будет отображаться таблица, содержащая все имена?
Мой код для добавления маркеров:
export function markersFromData(map, markers) {
return (data) => {
const markerList = [];
data.map((v) => {
const title = v.name;
const marker = L.marker(new L.LatLng(v.latitude, v.longitude), {
opacity: 0,
});
marker.bindPopup(title);
markerList.push(marker);
return markers.addLayer(marker);
});
map.addLayer(markers);
// eslint-disable-next-line
const group = new L.featureGroup(markerList);
map.fitBounds(group.getBounds());
};
}
Пример карты
Спасибо за ваше время.