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; 
}