# 介绍
vue-amap是基于高德地图js-api封装的vue组件,结合高德地图js-api文档,可以方便快捷构建页面地图组件
# 安装
# 安装
npm install -S @hanyk/vue-amap
// 使用
import Vue from 'vue'
import amap from '@hanyk/vue-amap'
Vue.use(amap, {
key: 'Your Key',
plugin: ['AMap.Geocoder'], // plugin list that you needed
v: '1.4.15',
UIVersion: '1.0'
})
# 内置处理
为了简便使用,组件内部对部分高德地图基础类均做了处理,在使用时传参与高德地图api文档稍有不同,在下面表格列出
- 出于方便表达的考虑,之后的文档中同类型均使用类名代替
类名 | 构造函数 | 传参类型 |
---|---|---|
Pixel | AMap.Pixel | [number, number] |
Size | AMap.Size | [number, number] |
LngLat | AMap.LngLat | [number, number] |
Icon | AMap.Icon | { size: Size, imageSize?: Size, imageOffset?: Pixel, image: string } |
map →