ReactNative 百度地图

(1)在settings.gradle中添加以下内容

include

‘:react-native-baidu-map’

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

.projectDir =

new File(settingsDir,

‘…/node_modules/react-native-baidu-map/android’)

(2)在build.gradle中添加：

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

(3) 修改MainApplication.Java 文件

添加：new BaiduMapPackage(getApplicationContext())

例如：

@Override

protected List<ReactPackage> getPackages() {

return Arrays.<ReactPackage>asList(

new MainReactPackage(),

new BaiduMapPackage(getApplicationContext())

);

}

(4) 修改AndroidMainifest.xml 文件

此文件有2处需要配置：

1）配置各种权限

2）添加com.baidu.lbsapi.API_KEY

完整权限配置：

<uses-permission android:name=“android.permission.ACCESS_COARSE_LOCATION”>

</uses-permission>

<uses-permission android:name=“android.permission.ACCESS_FINE_LOCATION”>

</uses-permission>

<uses-permission android:name=“android.permission.ACCESS_WIFI_STATE”>

</uses-permission>

<uses-permission android:name=“android.permission.INTERNET” />

<uses-permission android:name=“android.permission.SYSTEM_ALERT_WINDOW”/>

<uses-permission android:name=“android.permission.ACCESS_NETWORK_STATE”/>

<uses-permission android:name=“com.android.launcher.permission.READ_SETTINGS” />

<uses-permission android:name=“android.permission.WAKE_LOCK”/>

<uses-permission android:name=“android.permission.CHANGE_WIFI_STATE” />

<uses-permission android:name=“android.permission.ACCESS_WIFI_STATE” />

<uses-permission android:name=“android.permission.WRITE_EXTERNAL_STORAGE”/>

<uses-permission android:name=“android.permission.WRITE_SETTINGS” />

<uses-sdk

android:minSdkVersion

=

“16”

android:targetSdkVersion

=

“22”

/>

<application

android:name

=

“.MainApplication”

android:allowBackup

=

“true”

android:label

=

“@string/app_name”

android:icon

=

“@mipmap/ic_launcher”

android:theme

=

“@style/AppTheme”

>

<meta-data

android:name

=

“com.baidu.lbsapi.API_KEY”

android:value

=

“3Hk70Z0e6N3hDRQZwuLFAlgLqB5B4ak7”

/>

注意：API_key需要自己去百度地图API申请！

(5)运行

使用命令运行项目：

npm

install

react-

native

run

-android

按道理说这样配置完成项目就已经能跑了，但是手机却出错了

QQ20170331-164649@2x.png

百度了一下找到了解决方案：http://www.open-open.com/lib/view/open1477469117948.html

然后运行成功啦_上效果图

IMG_0914.JPG

2.IOS运行

(1)打开文件

使用Xcode打开新建项目中ios目录中的BaiDuMapDemo.xcodeproj文件

(2)配置

1）Project navigator->Libraries->Add Files to 选择 react-native-baidu-map/ios/RCTBaiduMap.xcodeproj

QQ20170331-170747.png

2）Project navigator->Build Phases->Link Binary With Libraries 加入 libRCTBaiduMap.a

QQ20170331-171006.png

3）将react-native-baidu-map/ios/lib直接拷贝到新建项目ios目录中，拖动目录到Xcode项目的根目录下，这时Project navigator->Build Settings->Search Paths， Framework search paths 会自动添加 xxx/ios/lib，Header search paths 自动添加 xxx/ios/RCTBaiduMap

QQ20170331-171755.png

4）添加依赖, react-native-baidu-map/ios/lib 下的全部 framwordk(上一步拷贝lib时这些已经自动添加，可省略)， CoreLocation.framework和QuartzCore.framework、OpenGLES.framework、SystemConfiguration.framework、CoreGraphics.framework、Security.framework、libsqlite3.0.tbd（xcode7以前为 libsqlite3.0.dylib）、CoreTelephony.framework 、libstdc++.6.0.9.tbd（xcode7以前为libstdc++.6.0.9.dylib）

QQ20170331-172020.png

5）添加 BaiduMapAPI_Map.framework/Resources/mapapi.bundle

QQ20170331-172144.png

6）AppDelegate.m init 初始化

#import

“RCTBaiduMapViewManager.h”

(BOOL)application:

(UIApplication *)application didFinishLaunchingWithOptions:

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

总之啊，家里没矿的同学们，如果你们想以后的日子过得好一些，多想想你们的业余时间怎么安排吧；

技术方面的提升肯定是重中之重，但是技术外的一些“软实力”也不能完全忽视，很多时候升职确实是因为你的技术足够强，但也与你的“软实力”密切相关

在这我也分享一份大佬自己收录整理的 Android学习PDF+架构视频+面试文档+源码笔记 ，还有高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料这些都是我闲暇还会反复翻阅并给下属员工学习的精品资料。在脑图中，每个知识点专题都配有相对应的实战项目，可以有效的帮助大家掌握知识点。

总之也是在这里帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习

相信自己，没有做不到的，只有想不到的

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。**

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

[外链图片转存中…(img-bgdphmwf-1712793371624)]

[外链图片转存中…(img-03yvxIGi-1712793371624)]

[外链图片转存中…(img-xdGsRk1K-1712793371624)]

[外链图片转存中…(img-UynLiGbt-1712793371625)]

[外链图片转存中…(img-v1ip5zf5-1712793371625)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

总之啊，家里没矿的同学们，如果你们想以后的日子过得好一些，多想想你们的业余时间怎么安排吧；

技术方面的提升肯定是重中之重，但是技术外的一些“软实力”也不能完全忽视，很多时候升职确实是因为你的技术足够强，但也与你的“软实力”密切相关

在这我也分享一份大佬自己收录整理的 Android学习PDF+架构视频+面试文档+源码笔记 ，还有高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料这些都是我闲暇还会反复翻阅并给下属员工学习的精品资料。在脑图中，每个知识点专题都配有相对应的实战项目，可以有效的帮助大家掌握知识点。

总之也是在这里帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习

[外链图片转存中…(img-cvcm51BM-1712793371625)]

[外链图片转存中…(img-cXpN6E2d-1712793371625)]

相信自己，没有做不到的，只有想不到的

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！