基于 Vue 2.0 和高德地图的地图组件 vue-amap

最新推荐文章于 2024-09-11 22:09:42 发布

前端栈开发

最新推荐文章于 2024-09-11 22:09:42 发布

阅读量1.4k

点赞数 2

分类专栏：前端 vue

本文链接：https://blog.csdn.net/phj_88/article/details/81230666

版权

前端同时被 2 个专栏收录

300 篇文章 5 订阅

订阅专栏

vue

78 篇文章 1 订阅

订阅专栏

vue-amap 详细介绍

vue-amap 是饿了么开源的一套基于 Vue 2.0 和高德地图的地图组件。

数据状态与地图状态单向绑定
开发者无需关心地图的具体操作

安装

npm install -S vue-amap

快速上手

引入vue-amap

// 引入vue-amap
import VueAMap from 'vue-amap';
Vue.use(VueAMap);
// 初始化vue-amap
VueAMap.initAMapApiLoader({
  // 高德的key
  key: 'YOUR_KEY',
  // 插件集合
  plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEditor', 'AMap.CircleEditor'],
  // 高德 sdk 版本，默认为 1.4.4
  v: '1.4.4'
});

其他特性