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使用

相关文章:

  • 2021-09-02
  • 2021-11-11
  • 2021-02-18
  • 2019-09-10
  • 2018-11-28
  • 2021-06-24
  • 2020-01-01
猜你喜欢
  • 2018-10-12
  • 2021-06-20
  • 2021-10-16
  • 2018-12-04
  • 2021-09-13
  • 2020-11-14
  • 2022-01-17
  • 2018-01-23
相关资源
相似解决方案