Mapbox GL JS：更改缩放级别上的弹出偏移量

Question

根据我的Mapbox地图的当前缩放级别，标记图标具有不同的大小。我所有的自定义标记都在一个div容器中，我改变这个类来改变它们的大小。

现在我有问题，如果图标较小，弹出窗口的偏移量（弹出窗口距标记图标的距离）太大。

是否有可能使用缩放级别更改弹出偏移量？

Answer 1

有时解决方案比预期的更容易。Mapbox弹出窗口已经有一个类，具体取决于标记的弹出位置（例如右下角）。与我另外使用的缩放类一起，我可以轻松地使用CSS更改偏移值。这里是一个例子。

.zoom-4 > .mapboxgl-popup.mapboxgl-popup-anchor-bottom, 
.zoom-4 > .mapboxgl-popup.mapboxgl-popup-anchor-bottom-left, 
.zoom-4 > .mapboxgl-popup.mapboxgl-popup-anchor-bottom-right 
{ 
    top: 10px; 
} 
.zoom-4 > .mapboxgl-popup.mapboxgl-popup-anchor-left { 
    top: 6px; 
    left: -4px; 
} 
.zoom-4 > .mapboxgl-popup.mapboxgl-popup-anchor-right { 
    top: 6px; 
    left: 2px; 
}