@rodrito/react-here-maps
v1.0.2
Published
React hooks, components and examples for HERE Maps API JS
Downloads
19
Maintainers
Readme
React HERE Maps
This package provides React hooks, components and examples for HERE Maps API for JavaScript.
Demo: https://react-here-maps.vercel.app/
Installation
# First Install you need to install @here/@here/maps-api-for-javascript
npm install --save-dev @here/maps-api-for-javascript --registry=https://repo.platform.here.com/artifactory/api/npm/maps-api-for-javascript/
# Then install @toyamarodrigo/react-here-maps with your favorite package manager
npm install @toyamarodrigo/react-here-maps
# or
yarn add @toyamarodrigo/react-here-maps
# or
pnpm add @toyamarodrigo/react-here-maps
Usage
To use @toyamarodrigo/react-here-maps
, you will need to obtain an API key from HERE Maps. You can sign up for a free account and obtain an API key here.
https://developer.here.com/tutorials/getting-here-credentials/
Example
import React from "react";
import { HereMap } from "@toyamarodrigo/react-here-maps";
const App = () => {
return (
<div style={{ height: "100vh", width: "100vw" }}>
<HereMap
apikey={"YOUR_API_KEY"}
options={{
center: { lat: -34.603722, lng: -58.401592 },
zoom: 12,
}}
>
{/* Markers, Polylines and stuff */}
</HereMap>
</div>
);
};
TODO
Components
- [x] Map
- [x] Marker
- [x] Zoom Control (Basic)
- [x] Scale Bar (Basic)
- [x] Map Settings (Basic)
- [x] Polyline
- [ ] Polygons
Hooks
- [x] Map Instance - useHereMaps
- [ ] Geocoding & Search - useGeocodingService
- [ ] Isoline - useIsolineService
- [ ] Waypoints - useWaypointsService
- [ ] Matrix - useMatrixService
HERE Maps API Docs
https://www.here.com/docs/bundle/maps-api-for-javascript-developer-guide/page/README.html