vue-amap基于 Vue 2.0 和高德地圖的地圖組件

vue-amap 是餓了么開源的一套基于 Vue 2.0 和高德地圖的地圖組件。

• 數(shù)據(jù)狀態(tài)與地圖狀態(tài)單向綁定

• 開發(fā)者無需關(guān)心地圖的具體操作

安裝

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 版本，默認(rèn)為 1.4.4
  v: '1.4.4'
});

其他特性

• 支持自定義組件

• 支持官方 UI 組件庫