React Native中react-native-baidu-map使用

1. Install 安装

npm install react-native-baidu-map --save

2. 修改MainApplication.java 文件

添加:new BaiduMapPackage(getApplicationContext())

React Native中react-native-baidu-map使用

3. 修改android\app\src\main\AndroidManifest.xml文件

<!-- 这个权限用于进行网络定位-->
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"></uses-permission>
<!-- 这个权限用于访问GPS定位-->
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"></uses-permission>
<!-- 用于访问wifi网络信息,wifi信息会用于进行网络定位-->
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE"></uses-permission>

<meta-data android:name="com.baidu.lbsapi.API_KEY"  android:value="API_KEY"/>

React Native中react-native-baidu-map使用


4. 修改\node_modules\react-native-baidu-map\js\MapView.js

import React, {
  Component
} from 'react';
import PropTypes from 'prop-types';

React Native中react-native-baidu-map使用


5. 修改\react-native-baidu-map\android\src\main\java\org\lovebing\reactnative\baidumap\BaiduMapPackage.java

    删除JavaScriptModule方法

React Native中react-native-baidu-map使用