Javascript 检测到当前位置后,如何在mapbox中获取经纬度?
我使用此引用为我的web应用程序实现了Mapbox 我试过这个Javascript 检测到当前位置后,如何在mapbox中获取经纬度?,javascript,mapbox,mapbox-gl-js,Javascript,Mapbox,Mapbox Gl Js,我使用此引用为我的web应用程序实现了Mapbox 我试过这个 mapboxgl.accessToken = '<your access token here>'; var map = new mapboxgl.Map({ container: 'map', // container id style: 'mapbox://styles/mapbox/streets-v11', center: [-96, 37.8], // starting position zoom: 3 //
mapboxgl.accessToken = '<your access token here>';
var map = new mapboxgl.Map({
container: 'map', // container id
style: 'mapbox://styles/mapbox/streets-v11',
center: [-96, 37.8], // starting position
zoom: 3 // starting zoom
});
// Add geolocate control to the map.
let geolocate = new mapboxgl.GeolocateControl({
positionOptions: {
enableHighAccuracy: true
},
trackUserLocation: true
})
map.addControl(geolocate);
geolocate.on('click', function(e) {
// The event object (e) contains information like the
// coordinates of the point on the map that was clicked.
let latitude = e.lngLat.lat;
let longitude = e.lngLat.lng;
alert("Clicked");
$("#latitude").text(latitude);
$("#longitude").text(longitude);
console.log('Latitude: ' + latitude + '\n Longitude: ' + longitude);
});
mapboxgl.accessToken='';
var map=new mapboxgl.map({
容器:'映射',//容器id
风格:'mapbox://styles/mapbox/streets-v11',
中心:[-96,37.8],//起始位置
缩放:3//开始缩放
});
//将地理定位控件添加到地图。
让geologite=new mapboxgl.geologicatecontrol({
位置选项:{
EnableHighAccurance:正确
},
trackUserLocation:true
})
地图添加控制(地理定位);
地理定位.on('click',函数(e){
//事件对象(e)包含如下信息:
//地图上单击的点的坐标。
设纬度=e.lngLat.lat;
让经度=e.lngLat.lng;
警报(“点击”);
$(“#纬度”)。文本(纬度);
$(“#经度”).text(经度);
console.log('纬度:'+纬度+'\n经度:'+经度);
});
但仍然不起作用
我想问一下,在用户点击定位按钮后,如何获得当前的纬度和经度
谢谢您需要的是:
let map=new mapboxgl.map({
容器:“映射”,//容器id
样式:“mapbox://styles/mapbox/streets-v11",
中心:[-96,37.8],//起始位置
缩放:3//开始缩放
});
//将地理定位控件添加到地图。
//初始化地理定位控件。
让geologite=new mapboxgl.geologicatecontrol({
位置选项:{
EnableHighAccurance:正确
},
trackUserLocation:true
});
//将控件添加到映射中。
地图添加控制(地理定位);
map.on(“加载”,函数(){
geologite.trigger();//如果您想通过代码而不是按钮触发它,请添加此命令
});
地理定位。on(“地理定位”,locateUser);
功能定位用户(e){
log(“发生了地理定位事件”);
控制台日志(“lng:+e.coords.longitude+”,纬度:+e.coords.latitude);
}
您需要的是:
let map=new mapboxgl.map({
容器:“映射”,//容器id
样式:“mapbox://styles/mapbox/streets-v11",
中心:[-96,37.8],//起始位置
缩放:3//开始缩放
});
//将地理定位控件添加到地图。
//初始化地理定位控件。
让geologite=new mapboxgl.geologicatecontrol({
位置选项:{
EnableHighAccurance:正确
},
trackUserLocation:true
});
//将控件添加到映射中。
地图添加控制(地理定位);
map.on(“加载”,函数(){
geologite.trigger();//如果您想通过代码而不是按钮触发它,请添加此命令
});
地理定位。on(“地理定位”,locateUser);
功能定位用户(e){
log(“发生了地理定位事件”);
控制台日志(“lng:+e.coords.longitude+”,纬度:+e.coords.latitude);
}