react-native-here-explore

Integrate HERE Maps 🌍 Into React Native

Introduction • Installation • Example • Documentation • Contributing • License

Introduction

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.

Installation

# using npm
npm install react-native-here-explore

# using yarn
yarn add react-native-here-explore

See the Installation Guide for the full setup guide including HERE SDK downloads and platform configuration.

Example

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>
  );
}

Documentation

Full documentation is available at ajakka.net/react-native-here-explore.

Components

• Map
• Marker
• Polyline
• Polygon
• Arrow

API

• HEREConfig
• useRouting
• calculateRoute
• Types

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT License — Copyright (c) 2023 AnyFikra

See LICENSE for full text.