mapbox-gl 非聚集点重叠为一个圆圈

Question

放大到第 16 级后，我试图在地图上查看一组未聚集的点，但是，出于可以理解的原因，所有圆圈都在彼此之上呈现。

我想要实现的是，在缩放到 16 级后，我想显示包含在该点渲染的正确总点数的设置标记（类似于集群），但我想显示附加的 GeoJson 属性到它。

我试过将它与无效的草皮进行迷你聚类。 我想创建一个标记，显示彼此靠近的所有点的最小值和最大值。

这是我的代码和盒子

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

Answer 1

可以通过阅读这个pull request和相关问题来制作一些看起来像它工作的东西

这是修改后的代码和框： 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 KEY...