Mapbox GL JS: отображение широты и долготы - PullRequest
Новая
       16

Mapbox GL JS: отображение широты и долготы

0 голосов
/ 11 января 2019

Я реализовал LAT LON для считывания местоположения курсора на моей веб-странице, следуя примеру на Это руководство по Mapbox GL JS

Однако возвращаемые значения имеют вид: 

{"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
});

1 Ответ

0 голосов
/ 12 января 2019

Вам не нужно вызывать JSON.stringify() с event.lngLat, вы можете просто получить доступ к свойствам lng & lat объекта lngLat: 

const info = document.getElementById('info');
info.textContent = `${e.lngLat.lng} ${e.lngLat.lat}`;

В этом примере для форматирования отображаемой строки используются textContent вместо innerHtml и литералов шаблона JavaScript (backticks).

...