Question

我在尝试显示两个位于完全相同坐标的不同标记时遇到了一些麻烦。

案例是：我们正在展示商店，其中一些商店位于同一栋楼（即商场），因此，它们是不同的商店，但共享相同的居住/坐标。

我们的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类，则可以应用标准CSS transform来偏移标记。

另一种解决方案是“蜘蛛标记”：

多个标记 - 相同的坐标

1 个答案: