Skip to main content

Introduction

react-native-here-explore is a React Native library that integrates the HERE Maps SDK Explore Edition into your mobile app. Built from scratch with Kotlin and Swift using the latest React Native TurboModules architecture.

Features

FeatureDescription
MapRender interactive HERE maps with multiple visual schemes
MarkerPlace custom image markers at any coordinate
PolylineDraw solid or dashed lines between coordinates
PolygonFill areas using coordinate lists or circles
ArrowDraw directional arrows along a path
useRoutingCalculate routes for 10 transport modes

Requirements

  • React Native >= 0.73 (New Architecture / TurboModules)
  • iOS 14+
  • Android API 24+
  • A HERE Platform account with access credentials

Quick Example

import { Map, Marker } from 'react-native-here-explore';

export default function App() {
return (
<Map
mapScheme="NORMAL_DAY"
zoomValue={14}
geoCoordinates={{ latitude: 48.8566, longitude: 2.3522 }}
>
<Marker
geoCoordinates={{ latitude: 48.8566, longitude: 2.3522 }}
image={require('./assets/pin.png')}
/>
</Map>
);
}

Next Steps

  1. Install the library and HERE SDKs
  2. Initialize the HERE SDK
  3. Render your first map