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 <RCTViewManager.h> 和 #import <React/RCTConvert+CoreLocation.h>, 再build一下就OK了。