vue-amap基于 Vue 2.0 和高德地图的地图组件
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' });
其他特性
-
支持自定义组件
-
支持官方 UI 组件库
评论