{"id":25426863,"url":"https://github.com/toyamarodrigo/react-here-maps","last_synced_at":"2025-10-31T16:30:43.498Z","repository":{"id":75438884,"uuid":"605167717","full_name":"toyamarodrigo/react-here-maps","owner":"toyamarodrigo","description":"React components and examples for HERE Maps API for JavaScript.","archived":false,"fork":false,"pushed_at":"2024-09-07T07:19:27.000Z","size":1014,"stargazers_count":6,"open_issues_count":1,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-12-13T20:38:34.967Z","etag":null,"topics":["here-maps-api","heremaps","map","maps","react","reactjs"],"latest_commit_sha":null,"homepage":"https://react-here-maps.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/toyamarodrigo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-02-22T15:35:16.000Z","updated_at":"2024-09-07T22:53:21.000Z","dependencies_parsed_at":"2024-09-07T06:44:45.032Z","dependency_job_id":"861c84c7-42fd-4dab-b5be-3fc88cd48457","html_url":"https://github.com/toyamarodrigo/react-here-maps","commit_stats":{"total_commits":30,"total_committers":2,"mean_commits":15.0,"dds":0.2666666666666667,"last_synced_commit":"8d2d08a40261c8045df8076d6daa98eed8edf52f"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toyamarodrigo%2Freact-here-maps","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toyamarodrigo%2Freact-here-maps/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toyamarodrigo%2Freact-here-maps/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toyamarodrigo%2Freact-here-maps/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/toyamarodrigo","download_url":"https://codeload.github.com/toyamarodrigo/react-here-maps/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238902629,"owners_count":19549776,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["here-maps-api","heremaps","map","maps","react","reactjs"],"created_at":"2025-02-17T00:39:57.509Z","updated_at":"2025-10-31T16:30:43.384Z","avatar_url":"https://github.com/toyamarodrigo.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React HERE Maps\n\nThis package provides React hooks, components and examples for HERE Maps API for JavaScript.\n\n![image](https://user-images.githubusercontent.com/41844101/221454450-4d1128e0-fb35-4385-969d-c7fae5493beb.png)\n\nDemo: \u003chttps://react-here-maps.vercel.app/\u003e\n\n## Installation\n\nFirst, you need to include the HERE Maps API for JavaScript CSS in your HTML file.\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\"\u003e\n  \u003chead\u003e\n    \u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://js.api.here.com/v3/3.1/mapsjs-ui.css\" /\u003e\n  \u003c/head\u003e\n  \u003cbody\u003e\n    ...\n  \u003c/body\u003e\n\u003c/html\u003e\n\n```\n\n```bash\n# After that, install the HERE Maps API for JavaScript with your favorite package manager\nnpm install --save-dev @here/maps-api-for-javascript --registry=https://repo.platform.here.com/artifactory/api/npm/maps-api-for-javascript/\n```\n\n```bash\n# Then install @rodrito/react-here-maps with your favorite package manager\nnpm install @rodrito/react-here-maps\n\n# or\nyarn add @rodrito/react-here-maps\n\n# or\npnpm add @rodrito/react-here-maps\n```\n\n## Usage\n\nTo 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.\n\n\u003chttps://developer.here.com/tutorials/getting-here-credentials/\u003e\n\n## Example\n\n```jsx\nimport { HereMap } from '@rodrito/react-here-maps';\n\nconst App = () =\u003e {\n  return (\n    \u003cdiv style={{ height: \"100vh\", width: \"100vw\" }}\u003e\n      \u003cHereMap \n        apikey={\"YOUR_API_KEY\"}\n        options={{\n          center: { lat: -34.603722, lng: -58.401592 },\n          zoom: 12,\n        }}\n      \u003e\n      {/* Markers, Polylines and stuff */}\n      \u003c/HereMap\u003e\n    \u003c/div\u003e\n  );\n};\n```\n\n## TODO\n\n- Components\n  - [x] Map\n  - [x] Marker\n  - [x] Zoom Control (Basic)\n  - [x] Scale Bar (Basic)\n  - [x] Map Settings (Basic)\n  - [x] Polyline\n  - [ ] Polygons\n\n## HERE Maps API Docs\n\n\u003chttps://www.here.com/docs/bundle/maps-api-for-javascript-developer-guide/page/README.html\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftoyamarodrigo%2Freact-here-maps","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftoyamarodrigo%2Freact-here-maps","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftoyamarodrigo%2Freact-here-maps/lists"}