腾讯地图位置逆解析接口调用

本文档介绍了如何使用腾讯位置服务的逆解析API,包括申请开发者key、调用示例和解决跨域与授权问题。在本地开发中,可能会遇到跨域问题,需在vue.config.js中配置跨域代理。授权错误通常是由于key管理不正确导致,需在腾讯位置服务平台检查key设置。此外,提供了Vue组件库资源链接,帮助开发者快速集成腾讯地图API。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

以下是2021.1.16月更新 加入位置逆解析服务

调用此服务必须拥有开发者账号并申请属于自己的key 这里是申请地址
具体操作:
通过get方法调用 :

{
rul:'http://localhost:9528/qq/ws/geocoder/v1/?location=lat,lng&key=你的key&get_poi=1'}
详细api参数请参照 官方文档

如果各位看官不喜欢看文档 可以在这个地址 下载我的vue集成腾讯地图各种Api的集合,复制粘贴代码即可

效果如图
在这里插入图片描述

位置逆解析有几处坑在这里陈列一下:

  1. 第一大坑 跨域
    不知道是不是只有自己这样,在本地启动项目时调用逆解析地址会报跨域问题,需要各位在程序里配置好跨域代码如下
    在vue.config.js里面配置跨域(如果是cli低版本的朋友,麻烦自行网上搜索解决方案,已经比较健全了,笔者就不在这里赘述)
devServer: {
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
    proxy: { // 配置跨域
      '/qq': {
        target: 'https://apis.map.qq.com/', // 这里后台的地址模拟的;应该填写你们真实的后台接口
        ws: true,
        changOrigin: true, // 允许跨域
        pathRewrite: {
          '^/qq': '' // 请求的时候使用这个api就可以
        }}
    },
  1. 第二大坑 授权报错
    报错类型如下
 	{
    "status": 110,
    "message": "请求来源未被授权, 此次请求来源域名:localhost9528"
	}
 	{
    "status": 112,
    "message": "IP未被授权,当前IP:127.0.0.1"
	}
 {
    "status": 111,
    "message": "签名验证失败"
  }

解决方法均是通过腾讯位置服务平台,结合官方文档配置key管理,如图在这里插入图片描述


题外话

笔者致力于开发遇到的各种复杂组件,虽说授人以鱼不如授人以渔,但是很多情况下我们是需要先恰饭的,所以先把鱼钓上来,希望帮各位刚上路的道友填饱肚子

以下是我所有组件开源的地址与博客 各位如果觉得有用,别忘了点赞与star,感谢支持

前端组件集合文章
vue组件-echarts地图显示柱状图并添加点击事件文档
vue组件之仿钉钉自定义流程图组件文档
vue组件之树状选择器组件文档
vue集成腾讯地图基础api
最后给我的老东家打个广告,金现代企业股份有限公司做的项目真的不错,在里面带的一年里,成长很多,尤其在那里接触到了UML统一建模语言,对专业技能提升真的很大。在此感恩。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值