неплотные точки mapbox-gl перекрываются одним кружком - PullRequest
Новая
       47

неплотные точки mapbox-gl перекрываются одним кружком

0 голосов
/ 24 февраля 2020

Я пытаюсь просмотреть группу из некластеризованных точек на карте после увеличения до уровня 16, но по понятным причинам все круги отображаются друг над другом.

Что я пытаюсь достичь, так это то, что после увеличения до уровня 16 я хочу показать маркеры набора, которые содержат правильное общее количество точек, отображаемых в этой точке (аналогично кластеру), но я хочу показать Geo Json свойства, которые прикреплены к нему.

я пробовал мини кластеризовать его с торфом, который не работал. Я хотел бы создать маркер, который показывает минимальное и максимальное значения всех точек, которые находятся рядом друг с другом.

enter image description here вот мои коды и поле

https://codesandbox.io/s/late-smoke-tuc6b

1 Ответ

0 голосов
/ 24 февраля 2020

Может сделать что-то похожее на работу, прочитав запрос на запрос и относительную проблему

Вот измененные коды и коробки: https://codesandbox.io/s/cocky-greider-dserm

основная идея состоит в том, чтобы использовать эти параметры 


    map.on("load", () => {
      map.addSource("earthquakes", {
        type: "geojson",
        // Point to GeoJSON data. This example visualizes all M1.0+ earthquakes
        // from 12/22/15 to 1/21/16 as logged by USGS' Earthquake hazards program.
        data,
        cluster: true,
        clusterMaxZoom: 15, // Max zoom to cluster points on
        clusterRadius: 60, // Radius of each cluster when clustering points (defaults to 50)
        // THIS OPTION TO ADD --------------------------------------
        clusterProperties: {
          max: ["max", ["get", "value"]],
          min: ["min", ["get", "value"]]
        }
      });

// ...

    map.addLayer({
        id: "cluster-count",
        type: "symbol",
        source: "earthquakes",
        filter: ["has", "max"],
        layout: { // the text field ------------------------
          "text-field": "min:{min}, max:{max}", 
          "text-font": ["DIN Offc Pro Medium", "Arial Unicode MS Bold"],
          "text-size": 12
        }
      });

теперь у вас больше гибкости в том, что вы можете показать, но остается частью создания маркера, который соответствует тексту

Я не пользователь mapbox, надеюсь, это то, что вы искали

PS: вы должны изменить свой API-ключ теперь, когда кто-нибудь сможет его увидеть ...

...