欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 教育 > 锐评 > React native导入百度地图

React native导入百度地图

2025/2/24 22:08:16 来源:https://blog.csdn.net/Hk7OzT9aPhw/article/details/142030460  浏览:    关键词:React native导入百度地图

今天在React native中导入百度地图组件遇到过许多坑,特此写一篇博客记录踩过的坑…

1、Install 安装

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

2、在settings.gradle中添加以下内容

include ‘:app’

include ‘:react-native-baidu-map’

project(‘:react-native-baidu-map’).projectDir = new File(settingsDir, ‘…/node_modules/react-native-baidu-map/android’)

3、在build.gradle中添加:

compile project(‘:react-native-baidu-map’)

如下:

4、修改MainApplication.java 文件

添加:new BaiduMapPackage(getApplicationContext())

除此之外,别忘了将包导进来:不过一般都会自动导进来。

MainApplication

import org.lovebing.reactnative.baidumap.BaiduMapPackage;

5、修改AndroidMainifest.xml 文件

1)配置各种权限

2)添加com.baidu.lbsapi.API_KEY

完整文件如下:

<manifest xmlns:android=“http://schemas.android.com/apk/res/android”

package=“com.market”>

<application

android:name=“.MainApplication”

android:label=“@string/app_name”

android:icon=“@mipmap/ic_launcher”

android:allowBackup=“false”

android:theme=“@style/AppTheme”>

<meta-data

android:name=“com.baidu.lbsapi.API_KEY”

android:value=“换成你自己的apikey”/>

<activity

android:name=“.MainActivity”

android:label=“@string/app_name”

android:configChanges=“keyboard|keyboardHidden|orientation|screenSize”

android:windowSoftInputMode=“adjustResize”>

获得Android签名的sha1值:

第1步:运行进入控制台

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

第2步:定位到.android文件夹下,输入cd .android

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

第3步:输入keytool -list -v -keystore debug.keystore,会得到三种指纹证书,选取SHA1类型的证书(密钥口令是android),例如:

其中keytool为jdk自带工具;keystorefile为Android 签名证书文件

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

7、修改Demo程序

.keystore,会得到三种指纹证书,选取SHA1类型的证书(密钥口令是android),例如:

其中keytool为jdk自带工具;keystorefile为Android 签名证书文件

[外链图片转存中…(img-FVqCW1i5-1725789553746)]

[外链图片转存中…(img-f1KewmxG-1725789553746)]

7、修改Demo程序

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词