forked from gpxstudio/gpxstudio.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
500 lines (500 loc) · 29.8 KB
/
Copy pathindex.html
File metadata and controls
500 lines (500 loc) · 29.8 KB
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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
<!DOCTYPE html>
<html lang="en">
<head>
<!-- ADD_LANGUAGE -->
<link rel="alternate" hreflang="x-default" href="https://gpx.studio/"/>
<link rel="alternate" hreflang="en" href="https://gpx.studio/"/>
<link rel="alternate" hreflang="de" href="https://gpx.studio/l/de"/>
<link rel="alternate" hreflang="es" href="https://gpx.studio/l/es/"/>
<link rel="alternate" hreflang="fr" href="https://gpx.studio/l/fr/"/>
<link rel="alternate" hreflang="it" href="https://gpx.studio/l/it/"/>
<link rel="alternate" hreflang="nl" href="https://gpx.studio/l/nl/"/>
<link rel="alternate" hreflang="pt" href="https://gpx.studio/l/pt/"/>
<link rel="alternate" hreflang="ru" href="https://gpx.studio/l/ru/"/>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-167421374-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
if(window.location.hostname != "localhost") {
gtag('config', 'UA-167421374-1');
}
</script>
<meta charset="utf-8">
<title>gpx.studio — the online GPX file editor</title>
<meta name="description" content="View, edit and create GPX files online: add, move and delete points, merge multiple files, reverse, add timestamps, edit waypoints and more!">
<meta property="og:title" content="gpx.studio — the online GPX file editor" />
<meta property="og:description" content="View, edit and create GPX files online: add, move and delete points, merge multiple files, reverse, add timestamps, edit waypoints and more!" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://gpx.studio/" />
<meta property="og:image" content="https://gpx.studio/res/og_logo.png" />
<meta name="twitter:card" content="summary_large_image">
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "WebApplication",
"name" : "gpx.studio",
"alternateName": "gpx.studio — the online GPX file editor",
"description": "View, edit and create GPX files online: add, move and delete points, merge multiple files, reverse, add timestamps, edit waypoints and more!",
"applicationCategory": "Tool, Editor",
"url" : "https://gpx.studio",
"sameAs" : [
"https://www.facebook.com/gpx.studio"
],
"screenshot": "https://gpx.studio/res/preview.png",
"genre": "outdoors",
"keywords": "gpx, gps, file, viewer, editor, merge, reverse, timestamps, waypoints, segments",
"browserRequirements": "Requires JavaScript. Requires HTML5.",
"softwareHelp": {
"@type": "CreativeWork",
"url": "https://gpx.studio/about.html"
},
"operatingSystem": "All",
"featureList": "edit gpx files online, view gpx files online, merge gpx files online, reverse gpx file online, add timestamps to gpx file online, extract track segments, view and add waypoints gpx file online"
}
</script>
<link rel="icon" href="/res/favicon.png">
<link rel="stylesheet" href="/include/fontawesome/css/fontawesome.min.css"/>
<link rel="stylesheet" href="/include/fontawesome/css/brands.min.css"/>
<link rel="stylesheet" href="/include/fontawesome/css/solid.min.css"/>
<link rel="stylesheet" href="/include/leaflet/leaflet.css">
<link href='https://api.mapbox.com/mapbox-gl-js/v2.2.0/mapbox-gl.css' rel='stylesheet' />
<link rel="stylesheet" href="/include/elevation/L.Control.Heightgraph.css"/>
<link rel="stylesheet" href="/include/controlwindow/L.Control.Window.css">
<link rel="stylesheet" type="text/css" href="/res/index.css">
<link rel="stylesheet" href="https://unpkg.com/leaflet-control-geocoder@1.13.0/dist/Control.Geocoder.css" />
</head>
<body>
<input id="input-file" type="file" accept=".gpx" multiple style="display: none"/>
<div id="mapid"></div>
<div style="display: none">
<div id="toolbar" class="panels-container center-leaflet">
<a href="./about.html" target="_blank"><img src="/res/logo.png" height="21" class="panels" style="vertical-align: middle; padding: 2px 0px 2px 4px" alt="logo of gpx.studio, the online GPX file editor"></a>
<div id="load" class="panels custom-button">Load GPX</div>
<div id="manual" class="panels custom-button">New GPX</div>
<div id="export" class="panels custom-button">Export</div>
<div class="panels custom-button unselected no-click2" id="undo"><i class="fas fa-reply"></i></div>
<div class="panels custom-button unselected no-click2" id="redo"><i class="fas fa-share"></i></div>
<div id="clear" class="panels custom-button">Clear all</div>
<div id="help" class="panels custom-button">Help</div>
<div id="about" class="panels custom-button">About</div>
<div id="donate" class="panels custom-button" style="color:rgb(220,15,130)"><b>Donate</b> <i class="fas fa-heart"></i></div>
</div>
<div id="info" class="padding-container center-leaflet">
<div id="info-grid" class="panels-container trace-info">
<div class="panels panels-info" id="distance">Distance</div>
<div class="panels panels-val" id="distance-val"></div>
<div class="panels panels-info" id="elevation">Elevation</div>
<div class="panels panels-val" id="elevation-val"></div>
<div class="panels panels-info" id="speed">Speed</div>
<div class="panels panels-val" id="speed-val"></div>
<div class="panels panels-info" id="duration">Moving time</div>
<div class="panels panels-val" id="duration-val"></div>
<div class="panels panels-info" id="points" style="display: none">Track points</div>
<div class="panels panels-val" id="points-val" style="display: none">0</div>
<div class="panels panels-info" id="segments" style="display: none; padding-right: 5px;">Segments</div>
<div class="panels panels-val" id="segments-val" style="display: none; padding-right: 5px;">0</div>
<div id="activity-input" class="custom-button panels-button dropdown">
<div id="activity-dropdown" class="dropdown-content panels-container panels">
<div id="bike" class="dropdown-choice"><i class="fas fa-biking"></i> <span>Bike</span></div>
<div id="racingbike" class="dropdown-choice"><i class="fas fa-biking"></i> <span>Racing bike</span></div>
<div id="mtb" class="dropdown-choice"><i class="fas fa-biking"></i> <span>Mountain bike</span></div>
<div id="hike" class="dropdown-choice"><i class="fas fa-running"></i> <span>Run/hike</span></div>
<div id="car" class="dropdown-choice"><i class="fas fa-motorcycle"></i> <span>Motorcycle</span></div>
</div>
<div id="selected-activity"><i class="fas fa-biking"></i></div>
</div>
<div id="units-input" class="custom-button panels-button dropdown">
<div id="units-dropdown" class="dropdown-content panels-container panels">
<div id="km" class="dropdown-choice"><span><b>km</b></span> <span>Metric</span></div>
<div id="mi" class="dropdown-choice"><span><b>mi</b></span> <span>Imperial</span></div>
</div>
<div id="selected-units" style="font-size: 11px"><span><b>km</b></span></div>
</div>
<div id="routing-input" class="custom-button panels-button dropdown">
<div id="routing-dropdown" class="dropdown-content panels-container panels">
<div id="route" class="dropdown-choice"><i class="fas fa-route"></i> <span>Routing</span></div>
<div id="crow" class="dropdown-choice"><i class="fas fa-dove"></i> <span>As the crow flies</span></div>
</div>
<span id="selected-routing"><i class="fas fa-route"></i></span>
</div>
<div id="elevation-input" class="panels-button custom-button" title="Toggle the elevation profile"><i class="fas fa-chart-area"></i></div>
<div id="crop-container">
<div class="panels-button custom-button" id="validate"><i class="fas fa-check custom-button"></i></div>
</div>
<div id="slide-container">
<input type="range" min="0" max="10000000" value="0" class="slider" id="start-point">
<input type="range" min="0" max="10000000" value="10000000" class="slider visible" id="end-point">
</div>
</div>
<ul id="sortable">
<li class="tab tab-focus" id="total-tab" style="margin-right:-3px;">Total</li>
</ul>
</div>
<div id="buttons-bar" class="panels-container vcenter-leaflet">
<div class="panels-button" id="edit" title="Edit track points"><i class="fas fa-pencil-alt custom-button"></i></div><br>
<div class="panels-button" id="edit-time" title="Edit time"><i class="fas fa-stopwatch custom-button"></i></div><br>
<div class="panels-button" id="reverse" title="Reverse"><i class="fas fa-exchange-alt custom-button"></i></div><br>
<div class="panels-button" id="combine" title="Merge with another trace"><i class="fas fa-plus-circle custom-button"></i></div><br>
<div class="panels-button" id="extract" title="Extract track segments"><i class="fas fa-list-ul custom-button"></i></div><br>
<div class="panels-button" id="duplicate" title="Duplicate"><i class="fas fa-copy custom-button"></i></div><br>
<div class="panels-button" id="color" title="Change color and opacity"><i class="fas fa-palette custom-button"></i></div><br>
<div class="panels-button" id="add-wpt" title="Add waypoint"><i class="fas fa-map-marker-alt custom-button"></i></div><br>
<div class="panels-button" id="reduce" title="Reduce number of track points"><i class="fas fa-compress-alt custom-button"></i></div><br>
<div class="panels-button" id="zone-delete" title="Delete all inside/outside rectangle selection"><i class="fas fa-vector-square custom-button"></i></div><br>
<div class="panels-button" id="hide" title="Hide/unhide the trace"><i class="fas fa-eye-slash custom-button"></i></div><br>
<div class="panels-button" id="delete" title="Delete"><i class="fas fa-trash-alt custom-button"></i></div><br>
</div>
<i id="street-view" class="fas fa-street-view custom-button" style="padding: 6px; font-size: 14px;" title="Open Google Street View"></i>
<label id="chevrons" class="dontselect"><input type="checkbox" id="show-chevrons" class="custom-button" style="vertical-align: middle;"> Chevrons</label>
<label id="dist-markers" class="dontselect"><input type="checkbox" id="show-dist-markers" class="custom-button" style="vertical-align: middle;"> Distance markers</label>
<!-- ADD_LANGUAGE -->
<div id="languages">
<a href="/" class="footer" target="_blank">en</a>
<a href="/l/de/" class="footer" target="_blank">de</a>
<a href="/l/es/" class="footer" target="_blank">es</a>
<a href="/l/fr/" class="footer" target="_blank">fr</a>
<a href="/l/it/" class="footer" target="_blank">it</a>
<a href="/l/nl/" class="footer" target="_blank">nl</a>
<a href="/l/pt/" class="footer" target="_blank">pt</a>
<a href="/l/ru/" class="footer" target="_blank">ru</a>
</div>
<div id="help-text">
<div style="text-align: center; font-size: 10pt; color: #476947">
<b>Check out the <a href="./about.html#guide" target="_blank">User Guide</a> for more info and small tutorials!</b>
</div><br>
<table style="width: 100%">
<colgroup>
<col span="1" style="width: 11%;">
<col span="1" style="width: 7%;">
<col span="1" style="width: 82%;">
</colgroup>
<tbody>
<tr>
<td><b>Load GPX</b></td>
<td>Ctrl+O</td>
<td>Import and visualize GPX files (or drag and drop anywhere in the window)</td>
</tr>
<tr>
<td><b>New GPX</b></td>
<td>Ctrl+D</td>
<td>Start drawing a new route by placing track points on the map</td>
</tr>
<tr>
<td><b>Export</b></td>
<td>Ctrl+S</td>
<td>Download the files to your desktop or save to Google Drive™ to get a <b>shareable link</b> and <b>embedding code</b>. Time, heart rate, cadence, power and temperature data are automatically extended. Optionally, merge all files <b>in the chosen order</b>. You can also drag a tab to your desktop to download the file.</td>
</tr>
<tr>
<td><i class="fas fa-reply"></i> <i class="fas fa-share"></i></td>
<td>Ctrl+Z/Y</td>
<td>Undo and redo actions in edition mode</td>
</tr>
<tr>
<td><b>Clear all</b></td>
<td>Ctrl+K</td>
<td>Delete all traces</td>
</tr>
<tr>
<td></td>
<td>Escape</td>
<td>Exit current menu or tool</td>
</tr>
</tbody>
</table><br>
<table style="width: 100%">
<colgroup>
<col span="1" align="center" style="width:11%;">
<col span="1" style="width: 89%;">
</colgroup>
<tbody>
<tr>
<td><i class="fas fa-pencil-alt"></i></td>
<td>Enter edition mode to add, move, insert (by dragging the line), delete or split (right-click) track points</td>
</tr>
<tr>
<td><i class="fas fa-stopwatch"></i></td>
<td>Change the speed and starting time of the trace</td>
</tr>
<tr>
<td><i class="fas fa-exchange-alt"></i></td>
<td>Reverse the trace and adapt the timestamps</td>
</tr>
<tr>
<td><i class="fas fa-plus-circle"></i></td>
<td>Merge with another trace (automatically extends time, heart rate, cadence, power and temperature data)</td>
</tr>
<tr>
<td><i class="fas fa-list-ul"></i></td>
<td>Extract all track segments and creates one trace for each</td>
</tr>
<tr>
<td><i class="fas fa-copy"></i></td>
<td>Duplicate the trace</td>
</tr>
<tr>
<td><i class="fas fa-palette"></i></td>
<td>Change the display color and opacity, these values will be exported and detected when re-imported</td>
</tr>
<tr>
<td><i class="fas fa-map-marker-alt"></i></td>
<td>Add a waypoint (drag to change its location and use the buttons to edit info, duplicate or remove)</td>
</tr>
<tr>
<td><i class="fas fa-compress-alt"></i></td>
<td>Reduce the number of track points</td>
</tr>
<tr>
<td><i class="fas fa-vector-square"></i></td>
<td>Delete track points and/or waypoints inside/outside rectangle selection</td>
</tr>
<tr>
<td><i class="fas fa-eye-slash"></i></td>
<td>Hide or unhide the trace</td>
</tr>
<tr>
<td><i class="fas fa-trash-alt"></i></td>
<td>Delete the trace</td>
</tr>
</tbody>
</table><br>
<table style="width: 100%">
<colgroup>
<col span="1" style="width: 11%;">
<col span="1" style="width: 7%;">
<col span="1" style="width: 82%;">
</colgroup>
<tbody>
<tr>
<td></td>
<td>F1</td>
<td>Show or hide the Strava Heatmap</td>
</tr>
<tr>
<td><i class="fas fa-route"></i></td>
<td>F2</td>
<td>Switch between routing and <i>as the crow flies</i> (straight lines between track points) when editing traces</td>
</tr>
<tr>
<td><i class="fas fa-biking"></i></td>
<td>F3</td>
<td>Switch between cycling, running and driving mode (impacts the routing and the Strava Heatmap displayed)</td>
</tr>
<tr>
<td><b>km</b></td>
<td>F4</td>
<td>Change units displayed</td>
</tr>
<tr>
<td><i class="fas fa-chart-area"></i></td>
<td>Ctrl+H</td>
<td>Show or hide the elevation profile</td>
</tr>
</tbody>
</table><br>
At the bottom, you can see a panel with information about the traces you import.
The <b>Total</b> tab displays information about all open traces merged into one.
<b>Swap the tabs</b> to define the order in which the traces should appear and <b>double-click</b> on them to change their names.
When you have many tabs, navigate through them by scrolling horizontally.
Use the <b>slider</b> to move the start/end point and cut the route.
</div>
<div id="export-content" class="popup-content">
<table style="width: 100%; text-align: left">
<colgroup>
<col span="1" style="width: 10%;">
<col span="1" style="width: 40%;">
<col span="1" style="width: 45%;">
<col span="1" style="width: 5%;">
</colgroup>
<tbody>
<td></td>
<td>Merge all traces<input type="checkbox" id="merge"></td>
<td>Time<input type="checkbox" id="include-time" checked></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Heartrate<input type="checkbox" id="include-hr" checked></td>
<td>Cadence<input type="checkbox" id="include-cad" checked></td>
<td></td>
</tr>
<tr>
<td></td>
<td>Power<input type="checkbox" id="include-power" checked></td>
<td>Temperature<input type="checkbox" id="include-atemp" checked></td>
<td></td>
</tr>
</tbody>
</table>
<div style="color:#0f92c5;">⚠️ The tool is <b>free</b> to use but <b>not free</b> to run ⚠️<br>Each map display, track point added or moved is billed.</div>
<div id="donate-2" class="panels custom-button fancy-button"><b>Help keep the website free</b> 🙏</div><br>
<div id="export-2" class="panels custom-button fancy-button">Download <i class="fas fa-download"></i></div>
<div id="save-drive" class="panels custom-button fancy-button">Save to Google Drive <img src="/res/drive.png" style="height: 15px; vertical-align: bottom"></div>
</div>
<div id="clear-content" class="popup-content">
This will delete all open traces.<br>Do you wish to continue?<br>
<div id="clear2" class="panels custom-button normal-button">Yes</div>
<div id="cancelclear" class="panels custom-button normal-button"><b>Cancel</b></div>
</div>
<div id="delete-content" class="popup-content">
This will delete the current trace.<br>Do you wish to continue?<br>
<div id="delete2" class="panels custom-button normal-button">Yes</div>
<div id="canceldelete" class="panels custom-button normal-button"><b>Cancel</b></div>
</div>
<div id="color-content" class="popup-content">
<div style="text-align: left">
<label for="color-picker">Pick a new color</label> <input type="color" id="color-picker" class="input-minimal" value="#ff0000" style="vertical-align: sub;"><br>
<input id="color-checkbox" type="checkbox"> <label for="color-checkbox">Apply color to all traces</label><br>
<label for="opacity-slider">Opacity</label> <input type="range" min="0" max="1" step="0.01" id="opacity-slider" style="vertical-align: bottom"><br>
<input id="opacity-checkbox" type="checkbox"> <label for="opacity-checkbox">Apply opacity to all traces</label>
</div>
<div id="validate-color" class="panels custom-button normal-button">Ok</div>
<div id="cancel-color" class="panels custom-button normal-button">Cancel</div>
</div>
<div id="load-content" class="popup-content">
Choose files from<br>
<div id="load2" class="panels custom-button normal-button">Desktop</div>
<div id="load-drive" class="panels custom-button normal-button">Google Drive <img src="/res/drive.png" style="height: 15px; vertical-align: bottom"></div><br>
(or drag and drop anywhere in the window)
</div>
<div id="share-content" class="popup-content">
Done!<br>
<div id="copy-link" class="panels custom-button fancy-button">Copy link <i class="fas fa-link"></i></div><br>
<div id="copy-embed" class="panels custom-button fancy-button">Copy embedding code <i class="fas fa-code"></i></div><br>
</div>
<div id="merge-content" class="popup-content">
Click on another tab to merge the traces<br>
<input type="checkbox" id="merge-as-segments">Merge as track segments<br>
<div id="merge-cancel" class="panels custom-button normal-button">Cancel</div>
</div>
<div id="crop-content" class="popup-content">
<input type="checkbox" id="crop-keep">Keep cropped parts in new files<br>
<div id="crop-ok" class="panels custom-button normal-button">Proceed</div>
<div id="crop-cancel" class="panels custom-button normal-button">Cancel</div>
</div>
<div id="reduce-content" class="popup-content">
Choose the amount of detail to keep<br>
Number of track points: <span id="reduce-npoints">0</span><br>
<input type="range" min="0" max="1000" id="reduce-slider" style="width: 100%"><br>
<div id="reduce-ok" class="panels custom-button normal-button">Ok</div>
<div id="reduce-cancel" class="panels custom-button normal-button">Cancel</div>
</div>
<div id="zone-delete-content" class="popup-content">
Choose what to delete<br>
<input type="checkbox" id="zone-delete-points" checked><label for="zone-delete-points">Track points</label>
<input type="checkbox" id="zone-delete-waypoints" checked><label for="zone-delete-waypoints">Waypoints</label><br>
<input type="radio" name="where" id="zone-delete-inside" checked><label for="zone-delete-inside">Inside selection</label>
<input type="radio" name="where" id="zone-delete-outside"><label for="zone-delete-outside">Outside selection</label><br>
<div id="zone-delete-ok" class="panels custom-button normal-button">Proceed</div>
<div id="zone-delete-cancel" class="panels custom-button normal-button">Cancel</div>
</div>
<div id="load-error-content" class="popup-content">
There was an error loading your GPX file.<br>
Please check the file format.<br>
<div id="load-error-ok" class="panels custom-button normal-button">Ok</div>
</div>
<div id="embed-content" class="panels-container custom-button" style="padding: 4px 10px; margin-left: 10px; border-radius: 16px; font-size: 14px; color: #3a3a38;">
<b>Open in</b> <img src="/res/logo.png" height="20" style="vertical-align: bottom;" alt="logo of gpx.studio, the online GPX file editor">
</div>
<div id="unit-kilometers-text">km</div>
<div id="unit-miles-text">mi</div>
<div id="unit-meters-text">m</div>
<div id="unit-feet-text">ft</div>
<div id="unit-hours-text">h</div>
<div id="unit-minutes-text">min</div>
<div id="duplicate-text">Duplicate</div>
<div id="delete-text">Delete</div>
<div id="ok-button-text">Ok</div>
<div id="cancel-button-text">Cancel</div>
<div id="edit-speed-popup-text">
<div id="speed-text">Speed</div>
<div id="pace-text">Pace</div>
<div id="start-text">Start</div>
<div id="experimental-info-text">Generate speed considering the slope and the activity type<br><b><i class="fas fa-exclamation-triangle"></i> erases all existing time data</b></div>
</div>
<div id="waypoint-popup-text">
<div id="empty-title-text">empty title</div>
<div id="name-text">Name</div>
<div id="comment-text">Comment (for GPS devices)</div>
<div id="description-text">Description (for users)</div>
<div id="symbol-text">Symbol</div>
<div id="edit-info-text">Edit info</div>
</div>
<div id="right-click-popup-text">
<div id="split-text">Split here</div>
<div id="start-loop-text">Start loop here</div>
<div id="remove-pt-text">Remove point</div>
</div>
<div id="elevation-text">
<div id="segment-text">Segment length</div>
<div id="type-text">Category</div>
<div id="surface-text">Surface</div>
<div id="slope-text">Slope</div>
<div id="missing-text">Missing</div>,
<div id="paved-text">Paved</div>,
<div id="unpaved-text">Unpaved</div>,
<div id="asphalt-text">Asphalt</div>,
<div id="concrete-text">Concrete</div>,
<div id="chipseal-text">Chipseal</div>,
<div id="cobblestone-text">Cobblestone</div>,
<div id="unhewn-cobblestone-text">Unhewn Cobblestone</div>,
<div id="paving-stones-text">Paving Stones</div>,
<div id="stepping-stones-text">Stepping Stones</div>,
<div id="sett-text">Sett Paving</div>,
<div id="metal-text">Metal</div>,
<div id="wood-text">Wood</div>,
<div id="compacted-text">Compacted Gravel</div>,
<div id="fine-gravel-text">Fine Gravel</div>,
<div id="gravel-text">Gravel</div>,
<div id="pebblestone-text">Pebblestone</div>,
<div id="rock-text">Rock</div>,
<div id="dirt-text">Dirt</div>,
<div id="ground-text">Ground</div>,
<div id="earth-text">Earth</div>,
<div id="snow-text">Snow</div>,
<div id="ice-text">Ice</div>,
<div id="salt-text">Salt</div>,
<div id="mud-text">Mud</div>,
<div id="sand-text">Sand</div>,
<div id="woodchips-text">Woodchips</div>,
<div id="grass-text">Grass</div>,
<div id="grass-paver-text">Grass Paver</div>
</div>
<h1>online gpx editor</h1>
<h1>online gpx viewer</h1>
<h1>edit gpx files online</h1>
<h1>view gpx files online</h1>
<h1>merge gpx files online</h1>
<h1>extract segments gpx file online</h1>
<h1>reverse gpx file online</h1>
<h1>add timestamps to gpx file online</h1>
<h1>compress simplify reduce number points gpx file online</h1>
<h1>view and add waypoints gpx file online</h1>
</div>
</body>
<script src="/include/leaflet/leaflet.js"></script>
<script type="text/javascript" src="/include/icon/Leaflet.Icon.Glyph.js"></script>
<script type="module" src="/include/gpx/gpx.js"></script>
<script src='https://api.mapbox.com/mapbox-gl-js/v2.2.0/mapbox-gl.js'></script>
<script type="text/javascript" src="/include/elevation/L.Control.Heightgraph.js"></script>
<script type="text/javascript" src="/js/elevation.js"></script>
<script type="text/javascript" src="/include/textpath/leaflet.textpath.js"></script>
<script type="text/javascript" src="/include/mapboxgl/leaflet-mapbox-gl.js"></script>
<script type="text/javascript" src="/include/controlwindow/L.Control.Window.js"></script>
<script type="text/javascript" src="/include/geometryutil/leaflet.geometryutil.js"></script>
<script type="text/javascript" src="/include/distancemarkers/leaflet-distance-markers.js"></script>
<script src="https://unpkg.com/leaflet-control-geocoder@1.13.0/dist/Control.Geocoder.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sortablejs@1.13.0/Sortable.min.js"></script>
<script src="/include/sanitize/xss.min.js"></script>
<script type="module" src="/include/simplify/simplify.js"></script>
<script src="/include/driveutils/upload.js"></script>
<script src="/js/lang.js"></script>
<script type="module" src="/include/node/bundle.js"></script>
<script type="module" src="/js/slider.js"></script>
<script type="module" src="/js/buttons.js"></script>
<script type="module" src="/js/trace.js"></script>
<script type="module" src="/js/total.js"></script>
<script type="module" src="/js/google.js"></script>
<script type="module" src="/js/script.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/api.js"></script>
</html>