Wordpress 如何更改地图框弹出窗口的位置？

我正在使用Mapbox和wordpress

我看到，默认情况下，弹出窗口具有生成css的锚定位置

我无法在单击时将弹出窗口居中：例如，当我打开它时，一些弹出窗口被截断，因为地图没有居中

我尝试了我在这里找到的所有解决方案，没有一个有效。我没有使用Json，而是使用wordpress循环来显示标记并将内容放入弹出窗口。除了json，我找不到其他任何解决方案。

---

因此，我只想知道是否可以完全禁用弹出窗口的位置，以便无论我单击什么标记，都可以将其始终放在地图角上。

使用OfficeCail地图框中的示例示例：

显示弹出窗口
正文{margin:0；padding:0；}
#映射{位置：绝对；顶部：0；底部：0；宽度：100%；}
mapboxgl.accessToken=''；
var map=new mapboxgl.map({
容器：“映射”，
风格：'mapbox://styles/mapbox/streets-v9',
中心：[-9637.8]，
缩放：3
});
var popup=new mapboxgl.popup（{closeOnClick:false}）
.setLngLat（[-9637.8]）
.setHTML（'Hello World！'）
.addTo（地图）；

编辑

最后，我只是更改了一些css，使弹出窗口粘贴到地图的左侧：我使用transform:none禁用了锚点默认位置，我将其放置在地图容器的顶部和左侧的角落中..然后我禁用了弹出窗口周围的箭头

.mapboxgl-popup{
    transform:none !important;
     top: 15%;
    left: 10px;
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-center .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip, 
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{
    display:none !important;
}