osm-pt-ngx-leaflet
An online web editor used to edit public transport routes on OpenStreetMap built with Angular, Leaflet and Webpack.
This project includes basic mapping features:
- Display base maps from different sources
- Integrate Font-Awesome
- Initialize map based on user's IP address location
- Geocode address and zoom to result location
- Add/remove markers on the map
- Use unofficially typed Leaflet plugin
- Webpack 2
OSM/PT specific features:
- handle communication with Overpass API and OSM API v0.6
- transform OSM to GeoJson data with tyrasd/osmtogeojson
- authorize users with osm-auth osmlab/osm-auth
Support Angular 4.1.3 and Leaflet 1.0.3 now!
How to start?
This project requires npm (or yarn).
- Run
npm install
oryarn install
to install dependencies. - Run
npm run build
to build the project. - Open the app at
public/index.html
- Run (for local development)
npm run dev
to serve project withwebpack-dev-server
on localhost:8080
Looking for other demos?
Thanks to these awesome people Rodolphe Eveilleau, Wolfgang Becker, Tonia Roddick and their projects:
-
ngx-leaflet-starter is an Angular 2 project seed with Leaflet, the most popular Javascript mapping library. This project is forked from it!
-
ngx-mapboxgl-starter is an Angular 2 project seed with MapboxGL, a mapping library designed for vector tile.
-
boundary.now, a tool to download place boundries from OpenStreetMap, built with Angular2, Material2 and Leaflet.