Skip to content

cloudsafe/react-native-jdg-baidu-map

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Baidu Map SDK modules and view for React Native(Android & IOS), support react native 0.40+

百度地图 React Native 模块,支持 react native 0.40+

Install 安装

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

Import 导入

Android Studio

  • settings.gradle include ':react-native-jdg-baidu-map' project(':react-native-jdg-baidu-map').projectDir = new File(settingsDir, '../node_modules/react-native-jdg-baidu-map/android')

  • build.gradle compile project(':react-native-jdg-baidu-map')

  • MainApplicationnew BaiduMapPackage(getApplicationContext())

  • AndroidMainifest.xml <meta-data android:name="com.baidu.lbsapi.API_KEY" android:value="xx"/>

Xcode

  • Project navigator->Libraries->Add Files to 选择 react-native-jdg-baidu-map/ios/RCTBaiduMap.xcodeproj
  • Project navigator->Build Phases->Link Binary With Libraries 加入 libRCTBaiduMap.a
  • Project navigator->Build Settings->Search Paths, Framework search paths 添加 $(SRCROOT)/../node_modules/react-native-jdg-baidu-map/ios/lib Header search paths 添加 $(SRCROOT)/../node_modules/react-native-jdg-baidu-map/ios/RCTBaiduMap/
  • 添加依赖, react-native-jdg-baidu-map/ios/lib 下的全部 framwork, 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)
  • 添加 BaiduMapAPI_Map.framework/Resources/mapapi.bundle
  • 添加 BaiduNaviSDK/baiduNaviSDK.bundle、BaiduNaviSDK/baiduNaviSDK.xcassets

注意!导航库需要自行下载,文件太大,不能放到git上,导航版本为v3.1.0

下载后的libbaiduNaviSDK请放到 react-native-jdg-baidu-map/ios/lib/BaiduNaviSDK/ 下

  • 其它一些注意事项可参考百度地图LBS文档
AppDelegate.m init 初始化
#import "RCTBaiduMapViewManager.h"
#import "JDGNavigation.h"
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    ...
    [RCTBaiduMapViewManager initSDK:@"api key"];
    [JDGNavigation initSDK:@"api key"];
    ...
}

Usage 使用方法

import { MapView, MapTypes, MapModule, Geolocation } from 'react-native-baidu-map

Android is Supported Now Except Images.

About

基于react-native-baidu-map修改的库

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Objective-C 80.9%
  • Java 17.0%
  • JavaScript 2.1%