Как получить значение широты и долготы, когда пользователь отмечает точку на карте?

Я еще новичок в React, и делаю тестовый проект, где пользователь отмечает точку на карте. Проблема в том, что я не могу сохранить значение переменных широты и долготы. Мне нужно значение этих переменных, чтобы отправить форму позже.

введите здесь описание изображения

Как видите, в console.log() вы можете увидеть широту и долготу. Мне нужно сохранить это значение в переменной для отправки позже.

Вот код, над которым я работаю в StackBlitz: https://stackblitz.com/edit/react-mdhsxj?file=MapContainer.js

Кто-нибудь может мне помочь? Заранее спасибо.


person vbernal    schedule 02.08.2020    source источник


Ответы (1)


Что вы имеете в виду под словом «позже»? Позже на той же странице загрузить? Позже, как в другой день? Для другого пользователя?

Если вы имеете в виду, что позже при загрузке другой страницы вам необходимо рассмотреть варианты долгосрочного хранения (поиск веб-хранилища).

Если вы имеете в виду другого пользователя, вам нужно заглянуть в базу данных.

Если вы просто хотите использовать его позже при загрузке страницы, просто сделайте что-то вроде:

var latitude = data.latitude;
var longitude = data.longitude;
// ...later
console.log(latitude)
console.log(longitude)

и вы можете использовать его позже.

person artoonie    schedule 02.08.2020
comment
Извините, Антони, я объясню это лучше, после того, как пользователь нажмет на точку, я хочу сохранить значение переменной широты и долготы, которая находится внутри props. Когда я говорю позже, это происходит после того, как пользователь нажимает на точку, потому что я возьму это значение широты и долготы и отправлю его через форму. Я не помещал форму здесь в примере, чтобы не было слишком много информации. - person vbernal; 02.08.2020
comment
Извините, я не понял вашего ответа, я попытался применить его к примеру, который делаю, но не смог. Вы бы сделали это на StackBlitz? - person vbernal; 02.08.2020
comment
@vbernal рассмотрите что-то вроде этого: stackoverflow.com/a/47524826/1057105 - person artoonie; 02.08.2020