Мы настроили кластеры для наших карт с тысячами + точками, следуя примеру: https://www.mapbox.com/mapbox-gl-js/example/cluster/
Мы хотим, чтобы все кластеры были одинакового размера, и мы столкнулись с проблемой, когда кластеры перекрывают друг друга, итаким образом, счетчик внутри кластеров не всегда отображается, или счетчик отображается, но этот кластер не отображается (частично скрыт / перекрыт другим кластером).Мы пробовали разные комбинации clusterRadius, (разные шаги) circle-radius / circle-color.
var map = makeMap({
container: 'map',
locationSearch: true,
zoom: 10
});
map.addSource("scheduled", {
type: "geojson",
data: geojsonScheduled,
cluster: true,
clusterMaxZoom: 24, // Max zoom to cluster points on
clusterRadius: 8 // Radius of each cluster when clustering points (defaults to 50)
});
map.addLayer({
id: "scheduled-clusters",
type: "circle",
source: "scheduled",
filter: ["has", "point_count"],
paint: {
"circle-color": [
"step",
["get", "point_count"],
"#f1733b",
100,
"#f1733b"
],
"circle-radius": [
"step",
["get", "point_count"],
10,
100,
10
],
"circle-stroke-width": 0.5,
"circle-stroke-color": "#ffffff"
}
});
map.addLayer({
id: "scheduled-cluster-count",
type: "symbol",
source: "scheduled",
filter: ["has", "point_count"],
layout: {
"text-field": "{point_count_abbreviated}",
"text-font": ["DIN Offc Pro Medium", "Arial Unicode MS Bold"],
"text-size": 9
}
});
map.addLayer({
id: "scheduled-unclustered-point",
type: "circle",
source: "scheduled",
filter: ["!has", "point_count"],
paint: {
"circle-color": "#f1733b",
"circle-radius": 4.5,
"circle-stroke-width": 0.5,
"circle-stroke-color": "#ffffff"
}
});
Любая помощь или указатели приветствуются.Спасибо!