MapBox html标记

<div id="map" style="width: 100%; height: 400px;"></div>

<script src="https://api.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.js"></script>
<link href="https://api.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.css" rel="stylesheet" />

<script>
    mapboxgl.accessToken = 'YOUR_ACCESS_TOKEN';
    var map = new mapboxgl.Map({
        container: 'map',
        style: 'mapbox://styles/mapbox/streets-v11',
        center: [lng, lat],
        zoom: 12
    });
</script>

<script>
    map.addControl(new mapboxgl.NavigationControl());
</script>

<script>
    var marker = new mapboxgl.Marker()
        .setLngLat([lng, lat])
        .addTo(map);
</script>