vue项目中使用vue-amap进行定位功能

vue-amap定位


安装 :npm install vue-amap --save


注册以及获取key

  1. 在官网进行注册 https://lbs.amap.com/
  2. 在控制台的应用管理/我的应用中添加应用,添加key

配置 :main.js中引入并配置,plugin根据自己需要添加

//vue-amap
import VueAMap from 'vue-amap'
Vue.use(VueAMap)
// 初始化vue-amap
VueAMap.initAMapApiLoader({
  key: '你的key值',
  plugin: ['AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PlaceSearch', 'AMap.Geolocation'],
  uiVersion: '1.0.11' // 版本号
})

封装组件 :我把它设置成一个基础组件,业务组件引用即可使用







参考官方vue-amap文档,地址:https://elemefe.github.io/vue-amap/#/zh-cn/introduction/install
各位小伙伴可根据自己需要自扩展功能

你可能感兴趣的:(vue插件)