gpxvis.js/app.js at master · alimfeld/gpxvis.js · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
define(["jquery", "gpx", "map", "elep", "config"], function($, gpx, map, elep, config) {

  var _files = [
    "ashland",
    "blue_hills",
    "foxboro",
    "mystic_basin_trail",
    "runkeeper",
    "transalp",
    "zypern"
  ];
  var _map = map.create("#map");
  var _gpx = null;
  var _track = null;

  $.each(_files, function() {
    $("#gpx").append($("<option>", { value: this, text: this }));
  });

  $("#gpx").change(function() {
    $("#track").html("");
    load(this.value);
  });

  $("#track").change(function() {
    show(_gpx.tracks[this.value]);
  });

  $("#configuration").submit(function() {
    updateConfig();
    return false;
  });

  load(_files[0]);
  loadConfig();

  function load(file) {
    gpx.load("gpx/" + file + ".gpx", function(gpx) {
      _gpx = gpx;
      $.each(gpx.tracks, function(index, track) {
        $("#track").append($("<option>", { value: index, text: track.name }));
      });
      show(_gpx.tracks[0]);
    });
  }

  function show(track) {
    _track = track;
    _map.clear();
    _map.drawWaypoints(_gpx.waypoints);
    if (track) {
      _map.drawTrack(track);
      elep.create("#elep", track);
    }
  }

  function loadConfig() {
    var trackPolylineConfig = config.applyTrackPolylineConfig({});
    $("#trackPolylineStrokeColor").val(trackPolylineConfig.strokeColor);
  }

  function updateConfig() {
    config.updateTrackPolylineConfig({
      strokeColor: $("#trackPolylineStrokeColor").val()
    });
    show(_track);
  }

});

// vim: et:si:sw=2:sts=2