美文网首页
ReactNative IOS下 使用百度地图

ReactNative IOS下 使用百度地图

作者: 馒头hc | 来源:发表于2017-11-14 17:32 被阅读0次

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了。

相关文章

  • ReactNative IOS下 使用百度地图

    react-native-baidu-map 使用RN版本0.44.3 xcode版本9.1 废话不多说直接上步骤...

  • iOS百度地图使用时的注意问题

    iOS使用百度地图时会发现,API本身不带定位功能的,定位是通过iOS系统自身的定位实现的,百度地图API只是封装...

  • 百度地图

    IOS第三方地图 百度地图高德地图腾讯地图苹果自带地图谷歌地图(中国屏蔽了) 接下来我们说一下百度地图百度地图SD...

  • RN-地图导航

    调起百度网页地图路径导航 调起高德网页地图路径导航 iOS调起百度APP地图路径导航 iOS调起高德app地图路径...

  • ReactNative和原生的相互调用

    ReactNative? 是Facebook开源的跨平台移动应用开发框架 ReactNative的导入 iOS使用...

  • 获取定位信息

    ios官方定位插件 百度地图定位Cordova插件,支持Android,IOS,ionic 1x 2x 均可使用(...

  • 地图集成调研

    地图集成调研 主要地图API有百度地图、高德地图、腾讯地图、搜狗地图(android、IOS暂不开放)。 百度地图...

  • iOS百度地图使用时不弹出系统定位权限框

    整理下在使用百度地图的过程中新发现的问题,在首页中我正常调用了百度地图iOS的API,代理也正常返回,但是在使用过...

  • #ReactNative macOS iOS环境搭建

    尝试使用Facebook出品的ReactNative框架进行iOS项目的开发,今天是参照ReactNative中文...

  • ReactNative 调用高德的web选址组件实现地图选点

    引言 在ReactNative 中使用地图的选址组件 一般都会使用地图的库自己写页面,配合web api实现地图选...

网友评论

      本文标题:ReactNative IOS下 使用百度地图

      本文链接:https://www.haomeiwen.com/subject/zmefvxtx.html