Mapbox GL-JS：如何为图标实例添加自定义图像？

我在地图中添加了一个基本图标实例，但无法确定如何为其提供自定义图像。（我紧随其后。经过一些挖掘，我在Mapbox自己的页面上找到了一些示例，其中包含显示如何添加自定义图像的代码，但看起来它们是在添加标记作为层（使用GeoJSON源代码）。似乎只有自定义图像才有这么多代码。我的代码如下所示：

var marker = new mapboxgl.Marker()
.setLngLat([-99, 30])
.addTo(map);

例如，有没有办法添加我自己的图像（PNG）？我在Mapbox中搜索了标记实例的选项，但在那里找不到任何信息。

试试这个

var el=document.createElement（'div'）；
el.className='marker'；
el.style.backgroundImage='url(https://path_to_your_icon/icon.png)';
el.style.width='50px'；
el.style.height='50px'；
新mapboxgl.标记（el）
.setLngLat（[-99,30]）
.addTo（地图）；