Mapbox标记样式/ CSS在angular 8应用程序中不起作用

Question

我看过这里的其他几篇文章，但没有一篇能够帮助我解决问题。

我正在使用以下代码向我的地图添加标记：

var el = document.createElement('div');
el.className = 'marker';

new mapboxgl.Marker(el)
   .setLngLat(Bounds)
   .setPopup(new mapboxgl.Popup({offset: 25}) // add popups
   .setHTML('<h3>' + 'test' + '</h3><p>' + 'add stuff here' + '</p>'))
   .addTo(map);

我知道我的经/纬度是正确的，因为如所附图片所示，div在控制台和地图上正确显示了“标记”。我的CSS出现了问题。我目前在我的角度组件css文件中有一个名为.marker的类，另一个名为.mapboxgl-marker的类，但似乎都无法正常工作。

对此提供的任何帮助都将不胜感激！

Answer 1

我最终弄清楚了。将标记添加为新的mapboxgl.Marker（）时，我必须添加以下代码。这是我能够访问标记的CSS的唯一方法。

el.setAttribute('style', 'width: 30px; height: 30px; background-color: blue');

[如果其他人能够以其他方式访问地图框标记的CSS，请随时发表评论。