Giter Club home page Giter Club logo

react-native-baidu-location's Introduction

react-native-baidu-location

npm package npm downloads

TOC

Installation

Using npm:

npm install --save react-native-baidu-geolocation

or using yarn:

yarn add react-native-baidu-geolocation

Linking

Automatic

react-native link react-native-baidu-geolocation

Manual

Android
  • In android/app/build.gradle:
dependencies {
    ...
    compile "com.facebook.react:react-native:+"  // From node_modules
+   compile project(':react-native-baidu-geolocation')
    ...
}
  • In android/settings.gradle:
...
include ':app'
+ include ':react-native-baidu-geolocation'
+ project(':react-native-baidu-geolocation').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-baidu-geolocation/android')
...

With React Native 0.29+

  • In MainApplication.java:
...
+ import com.rnbaidulocation.RNBaidulocPackage;

  public class MainApplication extends Application implements ReactApplication {
    ...

    @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage(),
+         new RNBaidulocPackage()
      );
    }

    ...
  }

With older versions of React Native:

  • In MainActivity.java:
...
+ import com.rnbaidulocation.RNBaidulocPackage;

  public class MainActivity extends ReactActivity {
    ...

    @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
        new MainReactPackage(),
+       new RNBaidulocPackage()
      );
    }
  }
  • In AndroidManifest.xml
+        <meta-data
+                android:name="com.baidu.lbsapi.API_KEY"
+                android:value="Your AK" />
+        <service android:name="com.baidu.location.f" android:enabled="true" android:process=":remote"></service>
iOS

In XCode, in the project navigator:

  • Right click Libraries
  • Add Files to [your project's name]
  • Go to node_modules/react-native-baidu-geolocation/ios
  • Add the RNBaiduLocation.xcodeproj file

Click on project General tab

  • Under Linked Frameworks and Libraries click + and add libstdc++.6.0.9.tbd, libsqlite3.0.tbd, RNBaiduLocation.framework, BaiduMapAPI_Search.framework, BaiduMapAPI_Base.framework, BaiduMapAPI_Location.framework

Click on project Build Settings tab

  • Look for Framework Search Paths and make sure it contain $(SRCROOT)/../node_modules/react-native-baidu-geolocation/ios/RNBaiduLocation/vender
  • Look for Header Search Paths and make sure it contain $(SRCROOT)/../node_modules/react-native-baidu-location/ios/RNBaiduLocation (Mark as recursive)

In the project navigator:

  • Click Info.plist
  • Add the NSLocationWhenInUseUsageDescription to your Info.plist with strings describing why your app needs these permissions.

In AppDelegate.m

+  _mapManager = [[BMKMapManager alloc] init];
+  BOOL ret = [_mapManager start:@"Your AK" generalDelegate:nil];
+  if (!ret) {
+    NSLog(@"baidu map error.");
+  }

Run your project (Cmd+R)

Usage

See the example

...
import NRBaiduloc from 'react-native-baidu-geolocation';

NRBaiduloc.start();
...

react-native-baidu-location's People

Contributors

xinlc avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.