{"id":28576955,"url":"https://github.com/maptiler/get-started-angular-maplibre-gl-js","last_synced_at":"2025-06-11T00:08:25.894Z","repository":{"id":41221011,"uuid":"508774492","full_name":"maptiler/get-started-angular-maplibre-gl-js","owner":"maptiler","description":"Quick way to star a web map application with MapLibre GL JS using Angular","archived":false,"fork":false,"pushed_at":"2022-08-12T13:51:29.000Z","size":235,"stargazers_count":3,"open_issues_count":0,"forks_count":2,"subscribers_count":4,"default_branch":"main","last_synced_at":"2024-03-26T15:22:49.374Z","etag":null,"topics":["angular","example-code","template","tutorial-code"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/maptiler.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":"2022-06-29T16:50:47.000Z","updated_at":"2024-03-26T15:22:49.375Z","dependencies_parsed_at":"2022-08-26T13:30:24.004Z","dependency_job_id":null,"html_url":"https://github.com/maptiler/get-started-angular-maplibre-gl-js","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maptiler%2Fget-started-angular-maplibre-gl-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maptiler%2Fget-started-angular-maplibre-gl-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maptiler%2Fget-started-angular-maplibre-gl-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maptiler%2Fget-started-angular-maplibre-gl-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/maptiler","download_url":"https://codeload.github.com/maptiler/get-started-angular-maplibre-gl-js/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maptiler%2Fget-started-angular-maplibre-gl-js/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259172986,"owners_count":22816560,"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":["angular","example-code","template","tutorial-code"],"created_at":"2025-06-11T00:08:25.167Z","updated_at":"2025-06-11T00:08:25.882Z","avatar_url":"https://github.com/maptiler.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Get started with Angular and MapLibre GL JS\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n\nQuick way to star a web map application with MapLibre GL JS using Angular.\n\nA simple fullscreen map application as an example on how to use MapTiler maps together with Angular and MapLibre GL JS for your own Angular app.\n\n1. Clone this repo \n \n  ```sh\n    git clone https://github.com/maptiler/get-started-angular-maplibre-gl-js.git my-angular-map\n  ```\n\n2. Navigate to the newly created project folder **my-angular-map**\n  ```sh\n    cd my-angular-map\n  ```\n\n3. Install dependencies\n  ```sh\n    npm install\n  ```\n\n4. :warning: Open the app.component.html file and replace **YOUR_MAPTILER_API_KEY_HERE** with your actual [MapTiler API key](https://cloud.maptiler.com/account/keys/).\n\n  :information_source: If you don't have an API KEY you can create it for **FREE** at https://www.maptiler.com/cloud/\n\n5. Start your local environment\n  ```sh\n    npm start\n  ```\n\n6. You will find your app on address http://localhost:4200/. Now you should see the map in your browser.\n\n## Build With\n\n* [Angulars](https://angular.io/start)\n* [MapLibre GL JS](https://maplibre.org/)\n* [MapTiler](https://www.maptiler.com/)\n* [ngx-maplibre-gl](https://github.com/maplibre/ngx-maplibre-gl)\n\nThis project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.0.3.\n\n## Learn More\n\nYou can learn more at [How to display a map in Angular using MapLibre GL JS](https://docs.maptiler.com/angular/maplibre-gl-js/how-to-use-maplibre-gl-js/?utm_medium=referral\u0026utm_source=github\u0026utm_campaign=2022-05%20%7C%20js%20frameworks%20%7C%20angular).\n\n\u003c!-- LICENSE --\u003e\n## License\n\nDistributed under the MIT License. See `LICENSE` for more information.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaptiler%2Fget-started-angular-maplibre-gl-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmaptiler%2Fget-started-angular-maplibre-gl-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaptiler%2Fget-started-angular-maplibre-gl-js/lists"}