Mapbox 删除标记 - Javascript

Mapbox 是一种流行的地图 API，用于在 Web 应用程序中显示地图、标记和其他相关信息。本文将介绍如何使用 Javascript 从 Mapbox 中删除标记。请按照以下步骤操作：

步骤 1 - 引入 Mapbox 库

首先，在您的 HTML 文件中引入 Mapbox 库。您可以在 Mapbox 网站上注册一个帐户，通过 API 访问您的令牌，然后将其添加到 html 文件中。建议使用以下代码：

<script src='https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.css' rel='stylesheet' />

步骤 2 - 创建地图并添加标记

在您的 Javascript 文件中，创建 Mapbox 地图和添加标记等。以下是一个示例代码：

mapboxgl.accessToken = 'YOUR ACCESS TOKEN HERE';
var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v11',
    center: [-96, 37.8],
    zoom: 3
});

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

步骤 3 - 删除标记

在标记已被添加到地图上之后，您需要为其创建一个唯一的 ID。这样可以轻松地删除该标记。接下来，使用以下代码从地图中删除标记：

// 删除标记
marker.remove();

完成代码

mapboxgl.accessToken = 'YOUR ACCESS TOKEN HERE';
var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v11',
    center: [-96, 37.8],
    zoom: 3
});

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

// 删除标记
marker.remove();

以上是从 Mapbox 中删除标记的介绍。您可以使用此代码作为起点，并将其集成到自己的项目中。