vue整合腾讯地图基础APIDemo合集（基础地图介绍及展示模块、地址逆向解析、3D/2D切换、位置服务、标记）官网大部分demothewritingbackground都是原生的js，比较基础，很多高级的API分布比较分散。为了方便开发者查找，参考官网demo使用vue结合在线开源框架vue-admin制作了一个开箱即用的Demo合集。（项目往下会有登录界面，随便输入六个字符即可）项目预览可以直接从这个地址拉取代码，然后复制粘贴即可。项目描述由于作者时间紧，目前只整理了四个模块（如果效果好，我们会持续更新，欢迎朋友们提出问题，我们看到会及时解决）：基本地图介绍及显示模块3D/2D切换及效果比较一些关于位置服务的基本api有：定位当前位置，定位初始位置，定位中心点，添加鼠标点击事件，切换隐藏和显示的基本使用地图文字标记标记，依次为：添加标记、结束添加标记事件、标记点可拖动。前期准备点击此链接注册腾讯地图开发者账号。注意这是一个Vue集成腾讯地图的demo工程。在index.html中需要提前引入以下内容然后在main.js文件中写这几行代码Vue.prototype.$map=window.TMapVue.prototype.$Location=newwindow.qq.maps.Geolocation('yourownkey','腾讯地图模板-博客展示')书到这里，大多数道友应该直接复制粘贴才能完美运行腾讯地图.更新：如何加入位置逆向分析服务要调用该服务，您必须拥有开发者账号并申请自己的密钥。点击此链接注册腾讯地图开发者账号并获取密钥。具体使用方法：通过get方法调用：{rul:'http://localhost:9528/qq/ws/geocoder/v1/?location=lat,lng&key=yourkey&get_poi=1'}有几点需要注意toinreverseanalysisoflocation地点：跨域不知道是不是只有我这样。在本地启动项目时调用反向解析地址会报跨域问题。需要在程序中配置跨域代码如下。在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}}},授权报错错误类型如下{"status":110,"message":"请求源未授权，请求源域名：localhost9528"}{"status":112,"message":"IP未授权authorized,currentIP:127.0.0.1"}{"status":111,"message":"签名验证失败"}解决方案是通过腾讯位置服务平台结合官方文档配置密钥管理，如图图中详细api参数请参考官方原文档作者：Wehavetostand
