Angular 4 Tutorial - GPS Activity Mapping App
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: https://github.com/wesdoyle/ng-run-jo...
Check out my premium Angular + .NET Core Web API Premium Course at ProductiveDev:
https://productivedev.com/product/ng-...
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: http://www.wandermap.net/en/
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 - https://typescriptlang.org
Node.js - https://nodejs.org/en/
Third Party Libraries:
Leaflet - http://leafletjs.com/
Mapbox - https://www.mapbox.com/api-documentat...
Bootstrap 3 - http://getbootstrap.com/
Auf dieser Seite können Sie das Online-Video Angular 4 Tutorial - GPS Activity Mapping App mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Wes Doyle 14 Juni 2017 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 54,190 Mal angesehen und es wurde von 789 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
