vue使用腾讯地图

320 阅读1分钟

前端中使用第三方地图是比较常见的,现在国内提供接入的地图主要有腾讯,高德,百度等第三方。而腾讯地图则是用的比较多的,在移动端,web端,公众号或者小程序的支持度也比较高,提供的功能比较丰富也是大多数业务中经常用到的。

本文在管理后台系统中实现的业务主要有以下几个功能:

  1. 根据当前ip定位
  2. 自定义搜索查找位置,根据地图返回的位置数据选择定位
  3. 可在地图上点击标记进行定位

输入框搜索选择获取位置信息 输入框搜索选择获取位置信息

点击地图实现标记并获取位置信息 点击地图实现标记并获取位置信息

根据现有ip定位 ip定位 腾讯地图申请使用 需要申请应用的key后才能调用相关的api

由于篇幅有限与部分图片在文中显示异常问题,为了提供更好的查看阅读,相关教程的具体实现和使用请到下方微信公众号里查看,点击菜单历史文章或回复地图即可阅读源码

其它链接查看管理端使用腾讯地图

微信公众号