vue 腾讯地图 组件使用与开发根据关键词搜索，逆地址解析

前言

由于参考以下链接博主的组件使用时发生错误（可能由于时间问题腾讯方改变了服务导致错误发生），查资料后，基于此教程进行开发
腾讯地图vue组件开发
改为使用腾讯服务的web service api
修复部分bug

项目分为前后端两部分，后端负责访问腾讯服务的web service api，前端展示地图以及数据
项目github地址

成品

提前准备

1. 前往腾讯位置服务控制台申请key
   注册后-》控制台-》应用管理-》我的应用-》右上角创建应用
   得到key和secret key
   key申请地址
   
   
   使用secret key进行签名校验，防止key被其他人盗用

项目结构

后端

vue项目

使用注意

vue项目里需要修改的地方：

1. public/index.html 填充key

2. /components/Map/TencentMap.vue 的data 填充key

后端项目需要修改的地方

1. MapController 填充key和secretkey
   

运行

vue项目:npm run serve
开启后端项目

项目地址

https://github.com/zyd100/tc-map