使用 Mapbox GL JS 向地图添加自定义标记

要向Mapbox地图添加自定义标记，您可以使用Mapbox GL JS库中的`Marker`类。以下是一个示例代码片段，展示如何使用自定义图标创建标记并将其添加到地图上：

// 创建一个自定义图标的HTML元素
var el = document.createElement('div');
el.className = 'custom-marker';
el.style.backgroundImage = 'url(https://example.com/custom-icon.png)'; // 替换为您的自定义图标URL
el.style.width = '30px';
el.style.height = '30px';

// 创建一个自定义标记
var marker = new mapboxgl.Marker(el)
  .setLngLat([lng, lat]) // 设置标记的经纬度坐标
  .addTo(map);

在上述代码中，您需要替换`https://example.com/custom-icon.png`为您实际的自定义图标的URL。您还可以根据需要调整`width`和`height`属性来设置图标的大小。

通过创建一个自定义图标的HTML元素，并将其作为参数传递给`Marker`类的构造函数，然后使用`setLngLat`方法设置标记的经纬度坐标，最后使用`addTo`方法将标记添加到地图上，您就可以向Mapbox地图添加自定义标记了。

请注意，您可以根据需要修改自定义图标的样式和属性，以满足您的具体需求。