Кластеры Mapbox с одинаковым круговым радиусом перекрываются и не отображаются - PullRequest
0 голосов
/ 12 сентября 2018

Мы настроили кластеры для наших карт с тысячами + точками, следуя примеру: 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"
  }
});

Любая помощь или указатели приветствуются.Спасибо!

1 Ответ

0 голосов
/ 02 ноября 2018

Добавьте "text-allow-overlap" : true к объекту макета для слоя запланированных кластеров. Это покажет недостающее количество.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...