mapbox-gl.js中获取当前定位

要在mapbox-gl.js中获取当前定位，可以使用浏览器的Geolocation API。以下是一个示例代码，可以在地图上显示当前位置的标记：

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

// 获取当前位置
navigator.geolocation.getCurrentPosition(function(position) {
  var lng = position.coords.longitude;
  var lat = position.coords.latitude;

  // 在地图上添加标记
  new mapboxgl.Marker()
    .setLngLat([lng, lat])
    .addTo(map);

  // 将地图中心设置为当前位置
  map.setCenter([lng, lat]);
});

请注意，这将需要用户允许浏览器访问其位置信息。

相关问题

mapbox-gl获取用户当前位置经纬度

要获取用户当前位置经纬度，可以使用HTML5的Geolocation API。Mapbox GL JS也提供了一个方法`mapboxgl.GeolocateControl`来帮助获取用户的位置。

以下是使用`mapboxgl.GeolocateControl`的示例代码：

// 创建地图
var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v11'
});

// 创建一个地理定位控件
var geolocate = new mapboxgl.GeolocateControl({
  positionOptions: {
    enableHighAccuracy: true
  },
  trackUserLocation: true
});

// 将地理定位控件添加到地图上
map.addControl(geolocate);

// 监听地理定位控件的结果
geolocate.on('geolocate', function(e) {
  console.log('用户当前位置: ', e.coords.longitude, e.coords.latitude);
});

这里使用`mapboxgl.GeolocateControl`创建了一个地理定位控件，并将其添加到地图上。控件会自动获取用户的位置，并触发`geolocate`事件，回调函数中可以获取用户当前位置的经纬度。

mapbox-gl.js中获获取当前定位

要在mapbox-gl.js中获取当前定位，需要使用Geolocation API来获取用户设备的位置信息。以下是一个示例代码，可以获取当前设备的位置信息并在地图上显示：

// 获取地图容器
var mapDiv = document.getElementById('map');

// 获取当前位置
navigator.geolocation.getCurrentPosition(function(position) {
  // 获取经纬度
  var lngLat = [position.coords.longitude, position.coords.latitude];
  
  // 在地图上显示当前位置
  var map = new mapboxgl.Map({
    container: mapDiv,
    style: 'mapbox://styles/mapbox/streets-v11',
    center: lngLat,
    zoom: 12
  });

  // 添加当前位置的标记
  var marker = new mapboxgl.Marker()
    .setLngLat(lngLat)
    .addTo(map);
});

请注意，这段代码需要在支持Geolocation API的浏览器中运行。如果用户不允许共享位置信息，或者设备没有定位功能，将无法获取到位置信息。