使用geocoder库实现百度地理位置编码(出现APP服务被禁用)

我们在用geocoder库进行百度地理位置编码时会出现如下报错

<[APP 服务被禁用】Baidu - Geocode [empty]>

这是因为百度更新了新的URL(http://api.map.baidu.com/geocoding/v3/)在代码中跳转到geocoder\baidu.py进行更改,以下是更改后的正常情况

首先先对baidu模块进行跳转

如何跳转呢,先选中代码中的baidu模块单击右键,在菜单栏找到Go To单击后进入implementation(s)进行跳转(后面的跳转方法一样)

 跳转后进入api.py然后滑到api.py文件的最开头处

 点开最开始地方的import模块

 找到baidu,选中并跳转到geocoder\baidu.py,

 在geocoder\baidu.py文件中找到_URL_更改URL(http://api.map.baidu.com/geocoding/v3/)改完以后回到原来的代码发现运行成功

注意:1.该库的不能直接定位到什么什么路,如果输入了'什么什么路'’会发生报错。

2.一开始跳转时容易进入options中的baidu模块进行跳转,且也可以更改URL,这个是使用geocoder库进行逆地里编码时需要更改,且更改的URL为(http://api.map.baidu.com/reverse_geocoding/v3/)如果需要进行逆地里编码应该更改这里。

  geocoder库是一个用于地理编码和逆地理编码的库。它可以将地址转换为地理坐标,也可以将地理坐标转换为地址。 在学习时发现这个报错就顺手写了下来,网上有许多解释代码的文章,这里就不在赘述。因为是刚接触,所以文章有许多错误的地方,请见谅。

  • 14
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
下面是使用 Vue3 和百度地图地理编码的详细步骤: 1. 安装百度地图 JavaScript API 在 Vue 3 项目的 `index.html` 文件中添加以下代码: ```html <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=YOUR_APP_KEY"></script> ``` 其中,`YOUR_APP_KEY` 是你的百度地图应用程序密钥。 2. 在 Vue 3 中创建地图组件 在 Vue 3 中,你可以使用 Composition API 来创建地图组件。以下是一个简单的示例: ```html <template> <div ref="map" style="width: 100%; height: 300px;"></div> </template> <script> import { ref, onMounted } from 'vue'; export default { setup() { const map = ref(null); onMounted(() => { map.value = new BMap.Map(map.value); }); return { map, }; }, }; </script> ``` 在这个示例中,我们使用了 `ref` 来创建了一个对 `div` 元素的引用,在 `onMounted` 钩子中创建了一个百度地图实例,并将其赋值给 `map` 变量。 3. 添加地理编码服务使用百度地图地理编码服务,你需要在 `onMounted` 钩子中添加以下代码: ```javascript const geoc = new BMap.Geocoder(); map.value.addEventListener('click', (e) => { geoc.getLocation(e.point, (rs) => { const addComp = rs.addressComponents; console.log(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber); }); }); ``` 在这个示例中,我们创建了一个 `BMap.Geocoder` 实例,并在地图上添加了一个 `click` 事件监听器。当用户单击地图时,我们将获取单击点的地理位置信息,并将其打印到控制台中。 4. 运行项目 最后,你可以使用 `npm run serve` 命令来运行你的 Vue 3 项目,并在浏览器中访问你的应用程序。当你单击地图时,你将在控制台中看到地理位置信息。 以上就是使用 Vue3 和百度地图地理编码的详细步骤。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值