用户在地图上标记点时如何获取经纬度值?

Posted

技术标签:

【中文标题】用户在地图上标记点时如何获取经纬度值?【英文标题】:How to get the latitude and longitude value when the user marks a point on the map? 【发布时间】:2020-11-22 20:05:24 【问题描述】:

我仍然是 React 的初学者,我正在做一个测试项目,用户在地图上标记一个点。问题是我无法保存纬度和经度变量的值。 我需要这些变量的值稍后以表单的形式发送。

如您所见,在 console.log() 中您可以看到纬度和经度是多少。我需要的是将此值保存在一个变量中以便以后发送。

这是我在 StackBlitz 上工作的代码:https://stackblitz.com/edit/react-mdhsxj?file=MapContainer.js

有人可以帮助我吗?提前谢谢你。

【问题讨论】:

【参考方案1】:

“稍后”是什么意思?稍后在同一页面加载?以后就像在另一天?对于其他用户?

如果您的意思是“稍后在另一个页面加载”,您需要考虑长期存储选项(搜索“Web Storage”)。

如果您的意思是“为其他用户”,您需要查看数据库。

如果您只是想在页面加载的后期使用它,只需执行以下操作:

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

您可以“稍后”使用它。

【讨论】:

对不起Antonie,我再解释一下,用户点击一个点后,我想保存props里面的经纬度变量的值。后面我说的时候,是用户点击了一个点之后,因为我会把这个经纬度的值,通过一个表单发送出去。此处的表格我没有放在示例中,以免信息过多。 对不起,我不明白你的答案,我试图将它应用到我正在做的例子中,但我做不到。你会在 StackBlitz 上做吗? @vbernal 考虑这样的事情:***.com/a/47524826/1057105

以上是关于用户在地图上标记点时如何获取经纬度值?的主要内容,如果未能解决你的问题,请参考以下文章

如何通过ajax请求获得的json数据使用vue js在谷歌地图上标记经纬度?

android开发 百度地图怎么获取线的经纬度

Python 批量获取地点经纬度坐标,并利用geopandas在地图上绘制经纬度的点

Python 批量获取地点经纬度坐标,并利用geopandas在地图上绘制经纬度的点

vue基于百度地图获取位置信息

使用数据库中的多个纬度和经度值在 Google 地图上标记路线