javascript – Mapbox GL JS：在缩放级别更改弹出窗口偏移量

根据我的MapBox地图的当前缩放级别,标记图标具有不同的大小.我的所有自定义标记都在div容器中,我更改了类以更改它们的大小.

现在我遇到的问题是,如果图标较小,弹出窗口的偏移量(弹出窗口与标记图标的距离)太大.

是否有可能通过缩放级别更改弹出窗口的偏移量？

解决方法

有时解决方案比预期更容易.MaseBox弹出窗口已经有一个类,取决于弹出位置到标记(例如右下角).与我使用的缩放类一起,我可以使用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;
}