weex-plugin-amap

一款高德地图weex插件，当前版本支持定位，缩放等地图常用操作。

$3

编辑你的weex文件

`` we


`

$3

#### weex-amap 属性

| 属性 | 类型 | Demo | 描述 |
| ------------- |:-------------:| -----:|----------:|
| center | array | [116.487, 40.00003] | 传入地理位置坐标[x,y] 默认为当前定位位置 |
| zoom | number | 11 | 缩放级别 |
| zoomEnable | boolean | true | 是否允许缩放
| marker | array | [{position:[116,12]}] | 点标记物的属性
| geolocation | boolean | true | 添加定位控件
| sdkKey | object | {ios:'xxx',android: 'xxx',h5: 'xxx'} | 指定开发者的 SDK 密匙
建议你前往高德开发者社区申明你对应产品的Key，保证地图正常工作

#### weex-amap 事件
|事件 | 描述 |
| ------------- |----------:|
|zoomchange | 用户缩放改变 |
|dragend | 用户拖拽完成 |

#### weex-amap-marker 属性

| 属性 | 类型 | Demo | 描述 |
| ------------- |:-------------:| -----:|----------:|
| position | array | [116.487, 40.00003] | 传入地理位置坐标[x,y] 默认为当前定位位置 |
| icon | string | some_icon_url | 图标的url地址 |
| title | string | 'this is a marker' | 坐标点的名称 |

#### weex-amap-marker 事件
|事件 | 描述 |
| ------------- |----------:|
|click | 用户点击标记物 |


#### Amap 模块

##### getUserLocation(completeFunc,errorFunc)

+ completeFunc 定位成功后的回调函数，返回的数据:
`
{
data:{
position: []
},
result: 'success'
}
`
##### 使用Amap模块

` html



``

$3

####H5 demo
直接点击Demo可以演示当前版本支持的功能

####用weexpack运行demo(Android／iOS／H5)

参考weexpack命令(网址)来测试地图组件demo:

1.安装weexpack

npm install -g weexpack

2.创建工程，如MyApp

weexpack create MyApp

3.创建运行平台

cd MyApp & weexpack platform add ios (/android)

4.添加地图插件

weexpack plugin add /users/abcd/Code/weex-plugins/weex-plugin-amap (这后面是地图插件clone到本地的目录)

5.编译和运行demo

把demo文件（所有在目录plugins/weex-plugin-amap/demos/下的文件）拷贝到项目工程MyApp/src下，然后：

对H5用如下命令：weexpack build web & weexpack run web

对安卓和iOS用命令：weexpack run ios (/android) 可在模拟器或者device上运行

ios demo 如下所示