{"repo":"maplibre/ngx-maplibre-gl","free":true,"listed":false,"github":"https://github.com/maplibre/ngx-maplibre-gl","clone":"git clone https://github.com/maplibre/ngx-maplibre-gl.git","description":"Angular binding of maplibre-gl","language":"TypeScript","stars":116,"topics":["angular","maplibre","maps","hacktoberfest"],"license":"MIT","category":"api-integrations-sdks","readme_excerpt":"ngx-maplibre-gl Angular wrapper for maplibre-gl. It exposes a bunch of components meant to be simple to use with Angular. Demo site Can be found here (based on the generated gh-pages in this repo): https://maplibre.org/ngx-maplibre-gl/ Attribution This is a fork of ngx-mapbox-gl and I would like to thank the maintainers there for their amazing work to build this up. It's truly a great piece of software! API Documentation The API documentation can be found here. How to start There might be a need to add the following configuration to tsconfig.json file Load the CSS of maplibre-gl For example, with angular-cli add this in angular.json : Or in the global CSS file (called styles.css for example in angular-cli ): Serve the MapLibre GL JS web worker MapLibre GL JS v6 is ESM-only and loads its web worker from a separate file at runtime. Bundlers cannot rewrite that URL, so every bundler-based app must point MapLibre at it before the first map is created — see setWorkerUrl() is bundler-only. Without it the worker 404s and no tiles render . Here is the Angular setup. Add both files to the assets of your build target in angular.json . The worker imports maplibre-gl-shared.mjs as a sibling at runtime, so they must be copied together, into the same directory: Then provide the worker URL with provideMaplibreWorker in your application config: The URL is resolved against document.baseURI , so it stays correct when your app is deployed under a sub-path via --base-href . It can also be provid","default_branch":null,"files":null,"tree":[],"storefront":"/r/maplibre","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/maplibre/ngx-maplibre-gl/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}