{"id":18542155,"url":"https://github.com/heremaps/harp-leaflet","last_synced_at":"2025-08-12T14:45:19.859Z","repository":{"id":35087160,"uuid":"202345728","full_name":"heremaps/harp-leaflet","owner":"heremaps","description":"Leaflet plugin for harp.gl","archived":false,"fork":false,"pushed_at":"2023-01-07T08:43:08.000Z","size":187888,"stargazers_count":17,"open_issues_count":26,"forks_count":4,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-07-06T00:34:57.907Z","etag":null,"topics":["harpgl","js","leaflet","leaflet-layer","leaflet-map","leaflet-plugin","leaflet-plugins","leafletjs","maps","typescript"],"latest_commit_sha":null,"homepage":"http://heremaps.github.io/harp-leaflet/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/heremaps.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-08-14T12:25:36.000Z","updated_at":"2023-04-15T17:24:50.000Z","dependencies_parsed_at":"2023-01-15T13:45:15.717Z","dependency_job_id":null,"html_url":"https://github.com/heremaps/harp-leaflet","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"purl":"pkg:github/heremaps/harp-leaflet","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/heremaps%2Fharp-leaflet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/heremaps%2Fharp-leaflet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/heremaps%2Fharp-leaflet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/heremaps%2Fharp-leaflet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/heremaps","download_url":"https://codeload.github.com/heremaps/harp-leaflet/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/heremaps%2Fharp-leaflet/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270079929,"owners_count":24523627,"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","status":"online","status_checked_at":"2025-08-12T02:00:09.011Z","response_time":80,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["harpgl","js","leaflet","leaflet-layer","leaflet-map","leaflet-plugin","leaflet-plugins","leafletjs","maps","typescript"],"created_at":"2024-11-06T20:07:31.967Z","updated_at":"2025-08-12T14:45:19.829Z","avatar_url":"https://github.com/heremaps.png","language":"TypeScript","readme":"# @here/harp-leaflet [![Build Status](https://travis-ci.com/heremaps/harp-leaflet.svg?branch=master)](https://travis-ci.com/heremaps/harp-leaflet)\n\n\n## Overview\n\n### A Leaflet plugin that adds harp.gl layer\n\nThis repository contains the code that can help you create a `harp.gl` layer inside Leaflet\n\n![\"Hello world\" example](docs/example.png)\n\n## Usage\n\n### Install harp-leaflet plugin\n\nRun:\n\n```sh\nnpm install @here/harp-leaflet\n```\n\nor\n\n```sh\nyarn install @here/harp-leaflet\n```\n\nto download and install harp-leaflet plugin package.\n\n### Add harp-leaflet to your Leaflet app\n\nAdd:\n\n```js\nimport { GeoCoordinates } from \"@here/harp-geoutils\";\nimport { APIFormat, OmvDataSource } from \"@here/harp-omv-datasource\";\nimport { HarpGL } from \"harp-leaflet\";\nimport * as L from \"leaflet\";\n\n// 1. Initialize leaflet map\nconst map = L.map(\"map\").setView([38.912753, -77.032194], 15);\n\n// 2. (optional) Add Leaflet features you need\nL.marker([38.912753, -77.032194])\n    .bindPopup(\"Hello \u003cb\u003eHarp GL\u003c/b\u003e!\u003cbr\u003eWhoa, it works!\")\n    .addTo(map)\n    .openPopup();\n\n// 3. Add harp.gl layer to leaflet map\nconst harpGL = new HarpGL().addTo(map);\n\n// 4. Initialize and add harp.gl datasources\nconst geoJsonDataSource = new OmvDataSource({\n    baseUrl: \"https://xyz.api.here.com/tiles/osmbase/512/all\",\n    apiFormat: APIFormat.XYZMVT,\n    styleSetName: \"here_olp\",\n    maxZoomLevel: 17,\n    authenticationCode: \"YOUR_AUTH_CODE\",\n    concurrentDecoderScriptUrl: \"./build/decoder.bundle.js\"\n});\n\nharpGL.mapView.addDataSource(geoJsonDataSource);\n\n// 5. Point your view to the right place\nharpGL.mapView.lookAt(new GeoCoordinates(16, -4, 0), 6000000);\n```\n\n## Testing\n\n`harp-leaflet` comes with basic integration tests that run in browser. To run tests in developer\nenvrionment execute `yarn start-tests --open` which will serve test app in your default browser.\n\nTo run tests in \"CI-like\" mode, you need to first build them and run, both are separate steps:\n\n```\n$ yarn build-tests\n$ yarn test\n```\n\nBy default `yarn test` uses [karma](https://github.com/karma-runner/karma) configured to run tests in local headless Chrome using [karma-chrome-launcher](https://github.com/karma-runner/karma-chrome-launcher).\n\n## License\n\nCopyright (C) 2019-2021 HERE Europe B.V.\n\nSee the [LICENSE](./LICENSE) file in the root of this project for license details.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fheremaps%2Fharp-leaflet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fheremaps%2Fharp-leaflet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fheremaps%2Fharp-leaflet/lists"}