In this video, I build a simple GPS route mapping application using Angular 4. We'll use the Angular CLI to scaffold the project and then create custom Components and Services to build an application with a list of runs with calculated totals, and a detail view with a customized map containing a route loaded from GPX data .
Link to code on GitHub: github.com/wes...
Check out my premium Angular + .NET Core Web API Premium Course at ProductiveDev:
productivedev....
Get 15% off a Pro Membership subscription by using promo code 'DEV2017' at checkout.
We'll use GPX File Format to plot routes - an XML schema for GPS data. If you need sample GPX data, you can find some here: www.wandermap.n...
Note that I'm using bash commands on the command line - for this, you'll need a terminal emulator like Bash on Ubuntu on Windows, Git for Windows, or Cmder.
Post a link to your code if you make improvements - I may mention your repository in a future video!
Some ideas for improvement:
- Store and retrieve data from a back-end database service
- Create functions to parse GPX data to calculate distance, elevation gain, etc.
Dependencies:
- Typescript - typescriptlang...
- Node.js - nodejs.org/en/
Third Party Libraries:
- Leaflet - leafletjs.com/
- Mapbox - www.mapbox.com...
- Bootstrap 3 - getbootstrap.com/
27 авг 2024