0.1.5 • Published 8 years ago

react-native-jdg-baidu-map v0.1.5

Weekly downloads
24
License
ISC
Repository
github
Last release
8 years ago

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.

0.1.5

8 years ago

0.1.4

8 years ago

0.1.3

8 years ago

0.1.2

8 years ago

0.1.1

8 years ago

0.1.0

8 years ago

0.0.9

8 years ago

0.0.8

8 years ago

0.0.7

8 years ago

0.0.6

8 years ago

0.0.5

8 years ago

0.0.4

8 years ago

0.0.3

8 years ago

0.0.2

8 years ago

0.0.1

8 years ago