javascript - 如何获取CurrentPosition并更新MapBox中心坐标

Question

我正在尝试使用 MapBox 并创建一个小型 GPS 应用程序。我正在使用 getCurrentPosition 成功检索经度和纬度坐标。然而，当我将它们传递到 MapBox 中心 [ ] 时，没有显示 map ...

//mapbox

var map = new mapboxgl.Map({
style: 'mapbox://styles/mapbox/satellite-streets-v11',
center: [ lat, long ],// if I enter long & lat numbers, the map displays fine. 
zoom: 10.5,
container: 'map',

});

//current position
navigator.geolocation.getCurrentPosition(position) => {
 const long = position.coord.longitude;  //logs my current long coords
 const lat = position.coord.latitude; //logs my current lat coords
}

Answer 1

您输入的坐标顺序错误。

Mapbox 使用经度、纬度坐标顺序来匹配 GeoJSON。因此，它不是 center: [ lat, long ]，而是 center: [long, lat]

但是，如果您在创建 map 后尝试将 map 居中，使用map.setCenter([Lng, Lat])。