# vue-amap [](https://travis-ci.org/ElemeFE/vue-amap) [](https://www.npmjs.org/package/vue-amap) [](https://npmjs.org/package/vue-amap)  [](https://github.com/ElemeFE/vue-amap) [](https://github.com/ElemeFE/vue-amap) > vue-amap是一套基于Vue 2.0和高德地图的地图组件。 ## 安装 ``` npm install -S vue-amap ``` ## 文档 [https://elemefe.github.io/vue-amap](https://elemefe.github.io/vue-amap) ## 快速上手 引入vue-amap ```javascript // 引入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' }); ``` ## 组件 ### 地图 ```vue ``` ### 点坐标 ```vue ``` ### 折线 ```vue ``` ### 多边形 ```vue ``` ### 圆 ```vue ``` ### 图片覆盖物 ```vue ``` ### 文本 ```vue ``` ### 贝塞尔曲线 ```vue ``` ### 圆点标记 ```vue ``` ### 椭圆 ```vue ``` ### 矩形 ```vue ``` ### 信息窗体 ```vue ``` ### Search-Box ```vue ``` ### 其他特性 * 支持自定义组件 * 支持官方 UI 组件库 ## 反馈 文档被大家吐槽了挺久，这段时间，针对大家的问题，对文档进行了一次升级。后续将重点持续完善「示例中心」，如果大家在使用过程中，遇到了些问题，欢迎提 issue，我们将根据大家的反馈，逐渐充实「示例中心」，更好地为大家服务。