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/
Sur cette page du site, vous pouvez voir la vidéo en ligne Angular 4 Tutorial - GPS Activity Mapping App durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Wes Doyle 14 juin 2017, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 54,190 fois et il a aimé 789 téléspectateurs. Bon visionnage!
