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/
Nesta página do site você pode assistir ao vídeo on-line Angular 4 Tutorial - GPS Activity Mapping App duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Wes Doyle 14 Junho 2017, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 54,190 vezes e gostou 789 espectadores. Boa visualização!
