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)来格式化要显示的字符串