Integrate HERE Maps Into React Native
Introduction • Features • Installation • Example • Documentation • Support • Contributing • License
The react-native-here-explore library is designed to integrate HERE Maps SDK's features into React Native, one feature at a time. Crafted from scratch utilizing the latest native languages (Kotlin/Swift) and built on the React Native New Architecture, it ensures a streamlined installation process despite the manual approach required for the SDKs themselves.
Macinroid is free. If it saves you some time, you can buy me a coffee on Ko-fi.
Map: Interactive maps with day, night, and satellite schemes
Marker: Custom image markers placed at any coordinate
Polyline: Solid or dashed lines drawn between coordinates
Polygon: Fill areas with coordinate lists or circles
Arrow: Directional arrows drawn along any path
Routing: Route calculation across ten transport modes
New Architecture: TurboModules built in Kotlin and Swift
Expo Plugin: Config plugin for streamlined SDK setup
# using npm
npm install react-native-here-explore
# using yarn
yarn add react-native-here-exploreSee the Installation Guide for the full setup guide including HERE SDK downloads and platform configuration.
import React from 'react';
import { Map, Marker } from 'react-native-here-explore';
export default function App() {
return (
<Map
mapScheme="NORMAL_NIGHT"
zoomValue={12}
geoCoordinates={{ latitude: 31.6913827, longitude: -8.4413898 }}
>
<Marker
geoCoordinates={{ latitude: 31.6913827, longitude: -8.4413898 }}
image={require('./assets/pin.png')}
/>
</Map>
);
}Full documentation is available at react-native-here-explore.anyfikra.com.
This library is free. If it saves you some time, you can buy me a coffee on Ko-fi.
See the contributing guide to learn how to contribute to the repository and the development workflow.
MIT License — Copyright (c) 2023 AnyFikra
See LICENSE for full text.



