https://github.com/toyamarodrigo/react-here-maps
React components and examples for HERE Maps API for JavaScript.
https://github.com/toyamarodrigo/react-here-maps
here-maps-api heremaps map maps react reactjs
Last synced: 8 months ago
JSON representation
React components and examples for HERE Maps API for JavaScript.
- Host: GitHub
- URL: https://github.com/toyamarodrigo/react-here-maps
- Owner: toyamarodrigo
- Created: 2023-02-22T15:35:16.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-09-07T07:19:27.000Z (almost 2 years ago)
- Last Synced: 2024-12-13T20:38:34.967Z (over 1 year ago)
- Topics: here-maps-api, heremaps, map, maps, react, reactjs
- Language: TypeScript
- Homepage: https://react-here-maps.vercel.app/
- Size: 990 KB
- Stars: 6
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React HERE Maps
This package provides React hooks, components and examples for HERE Maps API for JavaScript.
Demo:
## Installation
First, you need to include the HERE Maps API for JavaScript CSS in your HTML file.
```html
...
```
```bash
# After that, install the HERE Maps API for JavaScript with your favorite package manager
npm install --save-dev @here/maps-api-for-javascript --registry=https://repo.platform.here.com/artifactory/api/npm/maps-api-for-javascript/
```
```bash
# Then install @rodrito/react-here-maps with your favorite package manager
npm install @rodrito/react-here-maps
# or
yarn add @rodrito/react-here-maps
# or
pnpm add @rodrito/react-here-maps
```
## Usage
To use `@rodrito/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.
## Example
```jsx
import { HereMap } from '@rodrito/react-here-maps';
const App = () => {
return (
{/* Markers, Polylines and stuff */}
);
};
```
## TODO
- Components
- [x] Map
- [x] Marker
- [x] Zoom Control (Basic)
- [x] Scale Bar (Basic)
- [x] Map Settings (Basic)
- [x] Polyline
- [ ] Polygons
## HERE Maps API Docs