Mapbox 如何在地图框图层中显示堆叠位置?

Mapbox 如何在地图框图层中显示堆叠位置?,mapbox,mapbox-gl-js,mapbox-gl,mapbox-marker,Mapbox,Mapbox Gl Js,Mapbox Gl,Mapbox Marker,我对mapboxgl非常陌生,并尝试创建一个允许用户随时间过滤点的地图。我使用自己的数据自定义了本教程,以启动并运行初始地图: 在我加载数据并意识到许多点共享相同的坐标之前,一切都非常顺利 一些谷歌用户透露了这个答案: 使用偏移或爬行的想法都是合理的解决方案。不幸的是,我不清楚如何在加载数据时将这些应用于数据。我相信剧本的相关部分是: map.on('load', function() { map.addLayer({ id: 'year', type: 'circle'

我对mapboxgl非常陌生,并尝试创建一个允许用户随时间过滤点的地图。我使用自己的数据自定义了本教程,以启动并运行初始地图:

在我加载数据并意识到许多点共享相同的坐标之前,一切都非常顺利

一些谷歌用户透露了这个答案:

使用偏移或爬行的想法都是合理的解决方案。不幸的是,我不清楚如何在加载数据时将这些应用于数据。我相信剧本的相关部分是:

map.on('load', function() {
  map.addLayer({
    id: 'year',
    type: 'circle',
    source: {
      type: 'geojson',
      data: './grandpascan.geojson' // replace this with the url of your own geojson
    },
    paint: {
      'circle-radius': [
        'interpolate',
        ['linear'],
        ['number', ['get', 'Pages']],
        0, 4,
        5, 24
      ],
      'circle-color': [
        'interpolate',
        ['linear'],
        ['number', ['get', 'Pages']],
        0, '#2DC4B2',
        1, '#3BB3C3',
        2, '#669EC4',
        3, '#8B88B6',
        4, '#A2719B',
        5, '#AA5E79'
      ],
      'circle-opacity': 0.8
  },
如果这是正确的,我如何识别这些造型点?它们似乎不是可以在CSS中轻松处理的标记,尽管我可能完全误解了这一切是如何结合在一起的


谢谢

这里的代码正在地图中创建一个图层,类型为
circle
。可以使用属性偏移位置


如果要使用CSS转换来偏移标记,应将其创建为HTML中存在于地图外部的对象。

此处的代码是在地图内创建一个类型为
圆圈的图层。可以使用属性偏移位置

如果您想使用CSS转换来偏移标记,应该将它们创建为存在于HTML中的对象,位于地图之外