Mapbox徽标在Wordpress中散布在网格中

Question

我正在使用Mapbox GL JS，通过插件Page Builder-Custom HTML将地图嵌入到Wordpress中。

HTML

<div id='map'></div>
<script>
mapboxgl.accessToken = '*******';
var map = new mapboxgl.Map({
    container: 'map', // container id
    style: 'mapbox://styles/mapbox/streets-v9', // stylesheet location
    center: [144.9509223,-37.8253897], // starting position [lng, lat]
    zoom: 9 // starting zoom
});
</script>

CSS

#map { position:static;   }

但是，徽标始终不属于网格。 Mapbox和“ i”按钮实际上分散了整个页面宽度。我认为我需要深入了解一个Mapbox CSS。

我不能使用mapbox插件，因为地图将具有用于用户交互的javascript。有什么建议吗？谢谢。

Answer 1

已更改为Google地图，现在就像一个超级按钮一样...