Mapbox GL JS：显示经纬度位置

Question

我已经按照This Mapbox GL JS Tutorial

的示例在网页中实现了LAT LON光标位置的读取

但是，返回的值类似于：

{"lng:-74.949147382928,"lat":40.43829220439884}

您可以在他们的示例中看到。有没有办法只返回LAT和LON值？我想要类似的东西：

-74.949147382928, 40.43829220439884

我对javascript不太满意，但是我尝试尝试使用 substring 修改输出，如下所示，但我无法做到这一点。当然有更简单的方法吗？我尝试过的代码如下，这只是一个测试，只是为了看看我在理论上能否做到。但是以这种方式使用子字符串似乎不起作用。我想寻找一种方法来只返回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
});

Answer 1

您无需使用 [1]: https://wordpress.org/plugins/repeater-add-on-for-gravity-forms/ 来调用JSON.stringify()，只需访问{{的属性 event.lngLat和lng 1}}对象：

lat

该示例使用lngLat而不是const info = document.getElementById('info'); info.textContent = `${e.lngLat.lng} ${e.lngLat.lat}`; 和JavaScript template literals（反引号）来格式化要显示的字符串。