Ngx Leaflet Starter

screenshot of Ngx Leaflet Starter
angular
scss

Ngx Leaflet Starter

A soup of Angular and Leaflet

Overview

The ngx-leaflet-starter is a web mapping application starter based on Angular X and Leaflet. It provides basic mapping features such as displaying base maps from different sources, initializing the map based on the user's IP address location, geocoding addresses and zooming to the result location, adding/removing markers on the map, and using the unofficially typed Leaflet plugin. It is built with Angular CLI and supports Angular 7 and Leaflet 1.3.

Features

  • Display base maps from different sources: The ngx-leaflet-starter allows users to choose and display base maps from different sources.
  • Initialize map based on user's IP address location: The application automatically initializes the map based on the user's IP address location.
  • Geocode address and zoom to result location: Users can input an address and the application will geocode it and zoom to the result location on the map.
  • Add/remove markers on the map: Users can easily add or remove markers on the map.
  • Use unofficially typed Leaflet plugin: The application uses an unofficially typed Leaflet plugin called Leaflet.VectorGrid to add a global airport sites vector tile layer.
  • Built with Angular CLI: The ngx-leaflet-starter is built using Angular CLI, making it easy to manage and develop with.
angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.