Javascript 检测到当前位置后,如何在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 //

我使用此引用为我的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 // 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);
}