So, last semester at HSKA, this [web-application] (https://github.com/enocholumide/Gelaendeprofil_LMZ_HSKA.git) was developed as a course project. It draws digital elevation profile at any cross section drawn by the user on a map. It harmonizies several open source tools and data so it is free to use, copy, distrubute as long as you give credits to the original source.
The project can also serve as a template for further development if you want to integrate Leaflet, Angular, Turf and D3 development tools in your personal project.
Google Elevation Services OSM and Overpass API
Angular, D3, Leaflet, Turf
If you want to run the application immediately, you can download the 'dist' folder and run the 'index.html' file on your browser.
In case you are using this application and you need more features, you can easily raise such feature you want, I will attempt to make it happen, if not, perhaps I am busy with school,, work or just sleeping it off.
- Clone or download the project
- Run
npm installto install project dependencies - Replace the customized leaflet-draw.js file from /assets with ./node_modules/leaflet-draw/leaflet-draw.js at the node_modules folder
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via Protractor.
Before running the tests make sure you are serving the app via ng serve.
To get more help on the Angular CLI use ng help or go check out the Angular CLI README.
If you need templates for your projects you can also take a look at: 1. [MuLTWA] (https://github.com/GeoCastello/MuLTWA.git) : Javascript web application for visualizing weather condistions on a leaflet map.