{"id":16694064,"url":"https://github.com/haoliangyu/ngx-leaflet-starter","last_synced_at":"2025-12-15T14:12:08.406Z","repository":{"id":4193883,"uuid":"48332125","full_name":"haoliangyu/ngx-leaflet-starter","owner":"haoliangyu","description":"A soup of Angular and Leaflet","archived":false,"fork":false,"pushed_at":"2023-02-02T17:16:03.000Z","size":13220,"stargazers_count":208,"open_issues_count":12,"forks_count":58,"subscribers_count":16,"default_branch":"master","last_synced_at":"2025-04-09T18:19:47.486Z","etag":null,"topics":["angular","leaflet","leaflet-plugins","matieral-design","starter","typescript","vector-tiles"],"latest_commit_sha":null,"homepage":"http://haoliangyu.github.io/ngx-leaflet-starter/","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/haoliangyu.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":"2015-12-20T18:20:30.000Z","updated_at":"2024-12-24T15:04:46.000Z","dependencies_parsed_at":"2023-02-17T22:31:21.858Z","dependency_job_id":null,"html_url":"https://github.com/haoliangyu/ngx-leaflet-starter","commit_stats":null,"previous_names":[],"tags_count":19,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haoliangyu%2Fngx-leaflet-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haoliangyu%2Fngx-leaflet-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haoliangyu%2Fngx-leaflet-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haoliangyu%2Fngx-leaflet-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/haoliangyu","download_url":"https://codeload.github.com/haoliangyu/ngx-leaflet-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248085324,"owners_count":21045139,"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","leaflet","leaflet-plugins","matieral-design","starter","typescript","vector-tiles"],"created_at":"2024-10-12T16:43:39.529Z","updated_at":"2025-12-15T14:12:02.938Z","avatar_url":"https://github.com/haoliangyu.png","language":"TypeScript","funding_links":[],"categories":["Awesome Angular [![Awesome TipeIO](https://img.shields.io/badge/Awesome%20Angular-@TipeIO-6C6AE7.svg)](https://github.com/gdi2290/awesome-angular) [![Awesome devarchy.com](https://img.shields.io/badge/Awesome%20Angular-@devarchy.com-86BDC1.svg)](https://github.com/brillout/awesome-angular-components)"],"sub_categories":["Angular \u003ca id=\"angular\"\u003e\u003c/a\u003e"],"readme":"# ngx-leaflet-starter\n\n[![Build Status](https://travis-ci.org/haoliangyu/ngx-leaflet-starter.svg?branch=master)](https://github.com/haoliangyu/ngx-leaflet-starter)\n\nA web mapping application starter based on Angular X and Leaflet. This project demo includes basic mapping features:\n\n* [x] Display base maps from different sources\n\n* [x] Initialize map based on user's IP address location\n\n* [x] Geocode address and zoom to result location\n\n* [x] Add/remove markers on the map\n\n* [x] Use unofficially typed Leaflet plugin\n\n* [x] Built with Angular CLI\n\nSupport [Angular 7](https://angular.io/) and [Leaflet 1.3](http://leafletjs.com/) now!\n\nSee how it looks at [demo page](http://haoliangyu.github.io/ngx-leaflet-starter/).\n\n## FAQ\n\n### Was it named _angular2-leaflet-starter_?\n\nYes, but no longer. Angular is evolving rapidly and has moved further from 2.0. This project is renamed to **ngx-leaflet-starter**, meaning that it will evolve with Angular and stay close to the latest version.\n\n### How about new features?\n\nSince this project has been reached its initial goal to provide a small and clean code base for Angular and Leaflet integration, currently there is no plan for new feature development. But I am open to suggestions and PRs. If you think it's beneficial to add something new (not for very specific use cases), please feel free to submit an issue for dicussion.\n\n### Oops, this plugin is not typed!?\n\nMost Leaflet plugins are not typed, but it doesn't mean they are not usable. To use them in a TypeScript project, one way is to provide a minimal type declaration file.\n\nIn the starter, a [minimal type declaration file](https://github.com/haoliangyu/ngx-leaflet-starter/blob/master/src/typings/leaflet.vectorgrid.d.ts) is created for the [Leaflet.VectorGrid](https://github.com/Leaflet/Leaflet.VectorGrid). This plugin is used to add the global airport sites (from [openflights.org](http://openflights.org/)) as a vector tile layer.\n\n## How to start?\n\nThis project requires [npm](https://www.npmjs.com/) (or [yarn](https://yarnpkg.com/)).\n\n1.  Run `npm install` to install dependencies.\n\n2.  Run `npm run start` to set up the dev server.\n\n3.  See the app at `localhost:4200`.\n\n## Thanks to these awesome people!\n\n* [Rodolphe Eveilleau](https://github.com/rdphv)\n\n* [Wolfgang Becker](https://github.com/vimwb)\n\n* [Tonia Roddick](https://github.com/troddick)\n\n## Looking for other demos?\n\n* [ngx-mapboxgl-starter](https://github.com/haoliangyu/ngx-mapboxgl-starter) is an Angular 2 project seed with [MapboxGL](https://www.mapbox.com/mapbox-gl-js/api/), a mapping library designed for [vector tile](https://www.mapbox.com/help/define-vector-tiles/).\n\n* [boundary.now](https://github.com/haoliangyu/boundary.now), a tool to download place boundries from OpenStreetMap, built with Angular2, [Material2](https://github.com/angular/material2) and Leaflet.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhaoliangyu%2Fngx-leaflet-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhaoliangyu%2Fngx-leaflet-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhaoliangyu%2Fngx-leaflet-starter/lists"}