Google Maps获取经纬度

前几天遇到一个需要详细经纬度的问题,在百度和谷歌之间寻找了很久,见到了各种各样的解决方案。
这些解决方案各有优点,但使用中还存在很多问题。我总结了其中一些的优点,与大家分享一下。
解决这个问题,首先自然是怎么查询一个地名的经纬度呢?Google提供了什么样的接口来查询呢?
开始在Gmaps中找了很久,没有见到相关的函数.后来想大批量的数据使用javascript的接口来实现也不是很的解决方案,于是收了一下看看能不能模仿javascript的请求连接去请求数据。
刚开始自然是百度了,可惜没有找到相关的信息,后来在Google上搜到了几条使用连接直接获取数据的,但是似乎得到相应的数据。后面经过几次尝试终于找到了有效的请求,废话就到这吧下面是我用Apache的一个开源项目,HttpClient 4.01事项的方式。

 

 

 

 

 

其中几处由我自己写的关于数据库的类

 

 

在Vue2中,你可以使用谷歌地图的API来实现点击地图获取经纬度的功能。下面是一个简单的示例代码: 首先,在Vue组件中引入Google Maps API的脚本。你可以将以下代码添加到`index.html`文件的`<head>`标签中: ```html <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script> ``` 确保将`YOUR_API_KEY`替换为你自己的谷歌地图API密钥。 然后,在你的Vue组件中,你可以创建一个地图并添加一个监听器来获取点击事件的经纬度。以下是示例代码: ```vue <template> <div id="map"></div> </template> <script> export default { mounted() { // 初始化地图 this.initMap(); }, methods: { initMap() { // 创建地图 const map = new google.maps.Map(document.getElementById("map"), { center: { lat: 0, lng: 0 }, zoom: 8, }); // 添加点击事件监听器 map.addListener("click", (event) => { const lat = event.latLng.lat(); const lng = event.latLng.lng(); console.log(`经度:${lng.toFixed(6)}, 纬度:${lat.toFixed(6)}`); // 在这里可以对获取经纬度进行处理或发送到后端等操作 }); }, }, }; </script> ``` 在上述代码中,我们首先在`mounted`生命周期钩子中调用`initMap`方法来初始化地图。在`initMap`方法中,我们创建了一个新的地图实例,并将其绑定到指定的DOM元素上。然后,我们添加了一个点击事件监听器,并在回调函数中获取了点击位置的经纬度。 请注意,你需要替换示例代码中的`YOUR_API_KEY`为你自己的谷歌地图API密钥。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值