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事件给前端

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

热门文章

最新文章

  • 1
    如何修复 Android 和 Windows 不支持视频编解码器的问题?
  • 2
    Android历史版本与APK文件结构
  • 3
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 4
    【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
  • 5
    当flutter react native 等混开框架-并且用vscode-idea等编译器无法打包apk,打包安卓不成功怎么办-直接用android studio如何打包安卓apk -重要-优雅草卓伊凡
  • 6
    APP-国内主流安卓商店-应用市场-鸿蒙商店上架之必备前提·全国公安安全信息评估报告如何申请-需要安全评估报告的资料是哪些-优雅草卓伊凡全程操作
  • 7
    【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 8
    Android经典面试题之Kotlin中Lambda表达式和匿名函数的区别
  • 9
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
  • 10
    【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
  • 1
    Cellebrite UFED 4PC 7.71 (Windows) - Android 和 iOS 移动设备取证软件
    24
  • 2
    【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    33
  • 3
    Android历史版本与APK文件结构
    121
  • 4
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    29
  • 5
    【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
    23
  • 6
    APP-国内主流安卓商店-应用市场-鸿蒙商店上架之必备前提·全国公安安全信息评估报告如何申请-需要安全评估报告的资料是哪些-优雅草卓伊凡全程操作
    57
  • 7
    【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    37
  • 8
    当flutter react native 等混开框架-并且用vscode-idea等编译器无法打包apk,打包安卓不成功怎么办-直接用android studio如何打包安卓apk -重要-优雅草卓伊凡
    73
  • 9
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    119
  • 10
    Android经典面试题之Kotlin中Lambda表达式和匿名函数的区别
    29