react-native-here-maps's Introduction

HERE Maps React-Native IOS Map/Route/Turn-by-Turn Navigation

Routing	Navigation

Note: In order to get the sample code to work, you must replace all instances of {YOUR_APP_ID}, {YOUR_APP_CODE} and {YOUR_LICENSE_KEY} within the code and use your own HERE credentials.

You can obtain a set of credentials from the Contact Us page on developer.here.com.The bundle ID registered must match it in your app.

THIS MODULE CURRENTLY WORKS ON IOS ONLY, ANDROID VERSION IS STILL IN DEVELOPMENT.

iOS Install

Add pod 'HEREMaps', '>= 3.8' to your Podfile in IOS directory. Run ' cd ios' and 'pod install'.
Add bridging file HRMap.js to your project directory.
In XCode project Add HRMapManager.m, HRMapView.h, HRMapView.m using Add Files to "project-name".
In Build Phases of your project add NMAKit.framework from ios/Pods/HEREMaps/Framework.
Select an eligible provisioning profile or enable "Automatically manage signing" in General settings of the App target.
Put corresponding to your HereMapsSDK credentials Bundle Identifier into General settings of the App target.
In AppDelegate.m:
- Enter an app id, app code and license key.
Import NativeModules from "React-Native" and import MainHRMap from 'HRMap.js'.
Render the map using <MainHRMap> tag. (Dont forget to add width and height to the map as well as Initial coordinates)

Running the example project

Download the project.
Run npm install in project directory.
Run cd ios and pod install.
Open the heremapsexample.xcworkspace file from ios directory.
In AppDelegate.m:
- Enter your app id, app code and license key.
In General settings to your project put your Bundle identifier corresponding to your HERE credentials.
Run the project on simulator or device.

Build Requirements

Xcode 8 & iOS 9 SDK or above
CRNA or Expokit Detached React Native Project.
WILL NOT work if you try to use in within Expo project since it does not support native modules.