如何在mapbox v10中访问用户的精确位置

<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" />

<div id="map"></div>

// 获取地图容器元素
const mapContainer = document.getElementById('map');

// 使用 Geolocation API 获取用户位置信息
navigator.geolocation.getCurrentPosition(position => {
  // 获取用户经纬度
  const { latitude, longitude } = position.coords;

  // 创建地图
  mapboxgl.accessToken = 'YOUR_MAPBOX_ACCESS_TOKEN';
  const map = new mapboxgl.Map({
    container: mapContainer,
    style: 'mapbox://styles/mapbox/streets-v11',
    center: [longitude, latitude], // 将地图中心设置为用户位置
    zoom: 12,
  });

  // 添加用户位置标记
  new mapboxgl.Marker().setLngLat([longitude, latitude]).addTo(map);
});