weex amap插件下载

weex amap插件是一款高德地图weex插件，这个版本支持定位，缩放，显示信息窗体等地图常用操作，它具备了地图的基本使用功能，包括地图展示，添加坐标点，控制地图缩放，在地图上添加折线或者圆形等图形，同时也具备地图的一些基本计算和判断等功能。而且如同 Weex 的能力，它是三端都支持运行，这样你可以通过一套代码实现三端的地图功能。具体Weex-amap：Weex 高德地图插件使用指南请参考官方文档。

 

属性类型Demo描述

centerarray[116.487, 40.00003]传入地理位置坐标[x,y] 默认为当前定位位置

zoomnumber11缩放级别

zoomEnablebooleantrue是否允许缩放

markerarray[{position:[116,12]}]点标记物的属性

geolocationbooleantrue添加定位控件

sdkKeyobject{ios:'xxx',android: 'xxx',h5: 'xxx'}指定开发者的 SDK 密匙

建议你前往高德开发者社区申请你对应产品的Key，保证地图正常工作

weex-amap 事件

事件描述

zoomchange用户缩放改变

dragend用户拖拽完成

weex-amap-marker 属性

属性类型Demo描述

positionarray[116.487, 40.00003]传入地理位置坐标[x,y] 默认为当前定位位置

iconstringsomeiconurl图标的url地址

titlestring'this is a marker'坐标点的名称

weex-amap-marker 事件

事件描述

click用户点击标记物

weex-amap-polyline 属性

在地图上绘制折线

属性类型Demo描述

patharray[[116.487, 40.00003],[113.487, 40.0002]...]折线的节点坐标数组

stroke-colorstring#000线条颜色

stroke-widthnumber2线条宽度

stroke-opacitynumber0.5线条透明度[0-1]

stroke-stylestringsolid线条的样式 实线:solid，虚线:dashed地图weex插件，当前版本支持定位，缩放，显示信息窗体等地图常用操作.

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 weex-amap

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

5.编译和运行demo

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

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

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