Android接入weex-amap

简介: weex-amap是weex的一个高德地图插件,从客户端的角度来说其实就是一些weex的component和module的扩展,通过weex桥接来使用native端的地图定位、绘图等功能。

说明:weex-amap是weex的一个高德地图插件,从客户端的角度来说其实就是一些weex的component和module的扩展,通过weex桥接来使用native端的地图定位、绘图等功能。

文档:
https://github.com/weex-plugins/weex-amap

一、Android端接入

1、前置条件

高德地图sdk

高德官方文档是让用户直接工程引入jar包,但是集团仓库已经有人将相应jar包上传了。直接gradle依赖即可:

    //高德地图显示和定位的sdk
    //compile files('libs/AMap_Location_V3.00_20160922.jar')
    compile 'com.amap.api:3dmap:5.4.0'
    compile 'com.amap.api:location:3.6.1'

weex

由于weex sdk有些问题(下面会讲遇到的问题),最终使用的是:

    //weex
    compile 'com.taobao.android:weex_sdk:0.16.2.11@aar'

2、引入weex-amap

引入依赖

    compile 'com.taobao.android:weexplugin-loader:1.0.2'
    compile 'com.taobao.android:weex_amap:0.0.2'
    compile 'com.alibaba.weex.plugin:annotation:1.0.11'

说明:主要是weex-amap包,包含扩展的组件;
annotation包是weex的注解支持;
weexplugin-loader包是把注解声明的组件和module自动注册到weex engine。

初始化

    ...
    // aliweex的初始化和自定义组件注册
    ...
    // 在weex初始化之后载入注解的component
    WeexPluginContainer.loadAll(this);

如果不想用plugin loader,也可以使用WXSDKEngine的registerModule或者registerComponent注册。

基本上完成这些步骤即完成native端的weex-amap支持。
最后再简单说明一下:接入weex-amap,实际为引入weex-amap的插件包,并把插件包的weex module以及weex component注册到weex中,即可通过前端页面调用。

二、爬坑

描述:引入几个jar包后,发现在页面展示使用的过程出现WXMapViewComponent NoClassDefFoundError问题
原因:multi dex问题
解决:配置工程支持multidex

描述:折线、圆形等效果没有展示出来

 但是用官方weex demo运行weex-amap 官方demo,并没有出现这个问题。

原因:渲染weex-amap标签的时候报错
undefined

  最终定位到是weex sdk 0.13.0.3版本的bug

解决:升级weex-sdk版本到0.16.2.11(云朽也接入这个插件,用的是这个版本)

描述:组件的颜色属性不生效
原因和解决:Android要求颜色代码必须规范,前端不能使用'#fff'这种不全或者'RGB(66,66,66)'

描述:marker等组件点击事件无效
原因:marker组件内部没有设置onClick点击事件监听
解决:marker点击事件监听,并且在点击监听里主动发送 'onclick' event事件给前端

相关文章
|
移动开发 Java 开发工具
Android客户端三步完成支付宝支付SDK接入
Android客户端三步完成支付宝支付SDK接入
2038 0
|
开发工具 Android开发
Android AppsFlyer接入及测试
SDK接入 AppsFlyer:Android-SDK集成 SDK与Android平台的兼容性 1、Android 4.0以上 2、非移动Android平台,例如智能电视,包括亚马逊的Fire TV 3、Android应用程式的店外市场,例如Amazon和Baidu
2944 0
Android AppsFlyer接入及测试
|
Web App开发 小程序 安全
mPaaS 小程序介绍+接入 mPaaS 小程序并实现启动 Android 版(二)| 学习笔记
快速学习 mPaaS 小程序介绍+接入 mPaaS 小程序并实现启动 Android 版。
770 0
mPaaS 小程序介绍+接入 mPaaS 小程序并实现启动 Android 版(二)| 学习笔记
|
移动开发 小程序 IDE
Android 小程序接入真机与调试| 学习笔记
快速学习 Android 小程序接入真机与调试。
309 0
Android 小程序接入真机与调试| 学习笔记
|
Web App开发 小程序 IDE
mPaaS 小程序介绍+接入 mPaaS 小程序并实现启动 Android 版(二)|学习笔记
快速学习 mPaaS 小程序介绍+接入 mPaaS 小程序并实现启动 Android 版(二)
756 0
mPaaS 小程序介绍+接入 mPaaS 小程序并实现启动 Android 版(二)|学习笔记
|
Java Maven 开发工具
Android接入指南|学习笔记
快速学习Android接入指南
127 0
Android接入指南|学习笔记
|
开发工具 Android开发
Android 接入udesk SDK实现IM
Android 接入udesk SDK实现IM
222 0
Android 接入udesk SDK实现IM
|
Java 测试技术 Android开发
简单两步实现 Jacoco+Android 代码覆盖率的接入!(最新最全版)(一)
简单两步实现 Jacoco+Android 代码覆盖率的接入!(最新最全版)
1458 0
简单两步实现 Jacoco+Android 代码覆盖率的接入!(最新最全版)(一)
|
XML 移动开发 Java
移动用户反馈-安卓接入 | 学习笔记
快速学习移动用户反馈-安卓接入
227 0
|
测试技术 Android开发
简单两步实现 Jacoco+Android 代码覆盖率的接入!(最新最全版)(二)
简单两步实现 Jacoco+Android 代码覆盖率的接入!(最新最全版)(二)
1081 0
简单两步实现 Jacoco+Android 代码覆盖率的接入!(最新最全版)(二)