ReactNative IOS下 使用百度地图

react-native-baidu-map

使用RN版本0.44.3  xcode版本9.1

废话不多说直接上步骤

一,app项目下 yarn add react-native-baidu-map

二,将RN下node_modules/react-native-baidu-map/ios/RCTBaiduMap.xcodeproj拖进xcode项目下Libraries中

二,加入libRCTBaiduMap.a

添加libRCTBaiduMap.a

三,继续添加依赖包,RN下node_modules/react-native-baidu-map/ios/lib/下所有的framework。



四,在Build Settings>Search Paths, 

Framework search paths 添加   $(PROJECT_DIR)/../node_modules/react-native-baidu-map/ios/lib

Header search paths 添加  $(SRCROOT)/../node_modules/react-native-baidu-map/ios/RCTBaiduMap


Header search paths

五,添加

CoreLocation.framework、QuartzCore.framework、OpenGLES.framework、SystemConfiguration.framework、CoreGraphics.framework、CoreTelephony.framework 、Security.framework、libsqlite3.0.tbd(xcode7以前为libsqlite3.0.dylib)、libstdc++.6.0.9.tbd(xcode7以前为libstdc++.6.0.9.dylib。(添加方法和第二步一样,搜索add就行)

六,将node_modules/react-native-baidu-map/ios/lib/BaiduMapAPI_Map.framework/Resources/mapapi.bundle拖进xcode与项目同名的文件夹下。


一定要勾选这个

七,申请百度地图key(已经申请的同学跳过),注意:Bundle id一定要对上,不然会出现小格子而地图不出来。

Bundle id 可自己在xcode里设置

八,设置key(离成功不远啦同志们)

在AppDelegate.m中添加 #import "RCTBaiduMapViewManager.h" 和 [RCTBaiduMapViewManager initSDK:@"api key"];

如图,添加两处地方

我添加完之后run一下报了如下的错:

将第一个和第二个改成:#import 和 #import , 再build一下就OK了。


你可能感兴趣的:(ReactNative IOS下 使用百度地图)