多个标记 - 相同的坐标

Question

我在尝试显示位于完全相同坐标处的 2 个不同标记时遇到了一些问题。

案例是：我们展示的是店铺，有的是放在同一栋楼（即商场），所以，它们是不同的店铺，但共享相同的ubication/coordinates。

我们的 json 源内容如下所示：

  {
     "properties" : {
        "id" : "1",
        "name" : "Store 1"
     },
     "geometry" : {
        "coordinates" : [-70.66667, -33.45],
        "type" : "Point"
     }
  },
  {
     "properties" : {
        "id" : "2",
        "name" : "Store 2"
     },
     "geometry" : {
        "coordinates" : [-70.66667, -33.45],
        "type" : "Point"
     }
  }

事实是，只显示其中一个。

我的问题是，这个用例是否有开箱即用的解决方案？还是我们应该实施自己的解决方案？

提前致谢！

Answer 1

如果您使用来自 mapbox-gl 的 Marker class，您可以只应用标准 CSS transform 来偏移标记。

另一种解决方案被称为 "spider marker":

多个标记 - 相同的坐标

Multiple markers - Same coordinates

mapbox

mapbox-gl

mapbox-gl-js

mapbox-marker