react-native-baidu-map安卓端集成

1、安装
npm install react-native-baidu-map --save
2、配置
android/settings.gradle 添加下面两句话

include ':react-native-baidu-map' 
project(':react-native-baidu-map').projectDir = new File(settingsDir, '../node_modules/react-native-baidu-map/android')

android/app/build.gradle dependencies添加

compile project(':react-native-baidu-map')

android/app/src/main/java/../MainApplication

import org.lovebing.reactnative.baidumap.BaiduMapPackage;  //添加此句
 protected List getPackages() {
      return Arrays.asList(
          new MainReactPackage(),
          new BaiduMapPackage(getApplicationContext())   //添加此句
      );
    }

android/app/src/AndroidManifest

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
//key是自己申请的百度地图密钥,如果key不对,页面可能只出现网格。
 

以上就是android端所有配置,项目跑起来可能会出现以下错误:
1、node_modules里面百度地图源文件BaiduMapPackage.java 49行 报符号之类的错
解决方法 删掉 49行 @Override
2、 如果react-native版本较低,可能会报object类的错误,具体我忘记了,解决方法:
node_modules/react-native-baidu-map/js/MapView
将上面import大括号内引入的PropType删掉,引入import PropTypes from 'prop-types';
附上官网地址:
https://github.com/lovebing/react-native-baidu-map
有很多出现过的问题在Issue里面都有回答,大家可以参考下。

你可能感兴趣的:(react-native-baidu-map安卓端集成)