Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Mapbox GL JS:显示纬度、经度位置_Javascript_Mapbox Gl Js - Fatal编程技术网

Javascript Mapbox GL JS:显示纬度、经度位置

Javascript Mapbox GL JS:显示纬度、经度位置,javascript,mapbox-gl-js,Javascript,Mapbox Gl Js,我已经在我的网页中实现了光标位置的横向读出,方法如下: 但是,返回的值如下所示: {"lng:-74.949147382928,"lat":40.43829220439884} 你可以在他们的例子中看到这一点。有没有办法只返回LAT和LON值?我想要一些像: -74.949147382928, 40.43829220439884 我对javascript不是很在行,但我尝试过使用子字符串来修改输出,如下所示,但我无法做到。当然有更简单的方法吗?我试过的代码如下,这只是一个测试,看看我理论上是

我已经在我的网页中实现了光标位置的横向读出,方法如下:

但是,返回的值如下所示:

{"lng:-74.949147382928,"lat":40.43829220439884}
你可以在他们的例子中看到这一点。有没有办法只返回LAT和LON值?我想要一些像:

-74.949147382928, 40.43829220439884
我对javascript不是很在行,但我尝试过使用子字符串来修改输出,如下所示,但我无法做到。当然有更简单的方法吗?我试过的代码如下,这只是一个测试,看看我理论上是否能做到。但是以这种方式使用子字符串似乎不起作用。我正在寻找只返回LAT和LON值的任何方法,请澄清

失败代码:

topleftmapbox.on('mousemove', function (e) {
    document.getElementById('info').innerHTML =
        JSON.stringify(e.lngLat.substring(6,17)); // attempting to substring out just the values
});

您不需要使用
event.lngLat
调用
JSON.stringify()
,只需访问
lngLat
对象的属性即可:

const info = document.getElementById('info');
info.textContent = `${e.lngLat.lng} ${e.lngLat.lat}`;
该示例使用
textContent
而不是
innerHtml
和(backticks)来格式化要显示的字符串