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

【问题标题】：Mapbox Marker Style/CSS not working in angular 8 applicationMapbox 标记样式/CSS 在 Angular 8 应用程序中不起作用
【发布时间】：2020-06-04 19:37:07
【问题描述】：

我在这里查看了其他一些帖子，但没有一个能够帮助我解决我的问题。

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

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 的类，但似乎都没有正常工作。

非常感谢任何帮助！

【问题讨论】：

为什么setHTML后面有两个))？有什么未定义的吗？
这两个都成功地与右括号配对。感谢您的想法，最终弄清楚了。现在回答问题。

标签： mapbox mapbox-gl mapbox-marker

【解决方案1】：

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

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

如果其他人能够以其他方式访问 mapbox Marker 的 css，请随时发表评论。

【讨论】：

【解决方案2】：

我能做到。

我在 angular 主文件夹中的 styles.scss 中放置的类样式。

希望对你有所帮助。

【讨论】：