mapbox-gl.js中获获取当前定位
时间: 2023-07-05 07:31:53 浏览: 498
mapbox-gl-draw:mapbox-gl-js的绘图工具
要在mapbox-gl.js中获取当前定位,需要使用Geolocation API来获取用户设备的位置信息。以下是一个示例代码,可以获取当前设备的位置信息并在地图上显示:
```javascript
// 获取地图容器
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的浏览器中运行。如果用户不允许共享位置信息,或者设备没有定位功能,将无法获取到位置信息。
阅读全文