-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
78 lines (78 loc) · 4.87 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"/>
<title>OpenTrailMap by OpenStreetMap US</title>
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
<link rel="icon" type="image/x-icon" href="img/favicon.ico" />
<link href="css/reset.css" rel="stylesheet" />
<link href="css/main.css" rel="stylesheet" />
<link rel="stylesheet" href="dist/maplibre/maplibre-gl.css" />
<script type="text/javascript" src="dist/maplibre/maplibre-gl.js"></script>
</head>
<body>
<script type="text/javascript">
(function(window, document, dataLayerName, id) {
window[dataLayerName]=window[dataLayerName]||[],window[dataLayerName].push({start:(new Date).getTime(),event:"stg.start"});var scripts=document.getElementsByTagName('script')[0],tags=document.createElement('script');
function stgCreateCookie(a,b,c){var d="";if(c){var e=new Date;e.setTime(e.getTime()+24*c*60*60*1e3),d="; expires="+e.toUTCString();f="; SameSite=Strict"}document.cookie=a+"="+b+d+f+"; path=/"}
var isStgDebug=(window.location.href.match("stg_debug")||document.cookie.match("stg_debug"))&&!window.location.href.match("stg_disable_debug");stgCreateCookie("stg_debug",isStgDebug?1:"",isStgDebug?14:-1);
var qP=[];dataLayerName!=="dataLayer"&&qP.push("data_layer_name="+dataLayerName),isStgDebug&&qP.push("stg_debug");var qPString=qP.length>0?("?"+qP.join("&")):"";
tags.async=!0,tags.src="https://openstreetmapus.containers.piwik.pro/"+id+".js"+qPString,scripts.parentNode.insertBefore(tags,scripts);
!function(a,n,i){a[n]=a[n]||{};for(var c=0;c<i.length;c++)!function(i){a[n][i]=a[n][i]||{},a[n][i].api=a[n][i].api||function(){var a=[].slice.call(arguments,0);"string"==typeof a[0]&&window[dataLayerName].push({event:n+"."+i+":"+a[0],parameters:[].slice.call(arguments,1)})}}(i[c])}(window,"ppms",["tm","cm"]);
})(window, document, 'dataLayer', '0245a355-96b9-47f5-997e-8cafd843c18a');
</script>
<div id="header">
<div class="site-title">
<a href="/"><img src="img/opentrailmap-logo.svg" alt="Stick figure hiker with walking stick and backpack above a dashed line surrounded by a map outline"/> <h1>OpenTrailMap</h1></a> <p class="tagline">by <a href="https://openstreetmap.us" target="_blank">OpenStreetMap US</a></p>
</div>
<ul class="main-menu">
<li><a href="https://openstreetmap.us/our-work/trails/" target="_blank">About</a></li>
<li><a href="https://github.com/osmus/OpenTrailMap" target="_blank">GitHub</a></li>
<li><a href="https://openstreetmap.app.neoncrm.com/forms/trails-stewardship-initiative" target="_blank">Donate</a></li>
</ul>
</div>
<div id="body">
<div id="top-left">
<div id="nameplate" style="display: none;">
<h1 style="display:flex;"><span style="flex-basis: 100%;"><span class="swatch"></span><span id="map-title"></span></span><a href="" title="Clear focus area" id="clear-focus">⨯</a></h1>
</div>
</div>
<div id="map-wrap">
<a href="" id="inspect-toggle" title="Toggle sidebar"></a>
<div id="controls">
<select id="travel-mode">
<option value="all" selected>All Trails</option>
<optgroup label="Trails">
<option value="foot">Hiking & Walking Trails</option>
<option value="wheelchair">Wheelchair Trails</option>
<option value="bicycle">Biking Trails</option>
<option value="mtb">Mountain Biking Trails</option>
<option value="inline_skates">Inline Skating Trails</option>
<option value="horse">Horseback Riding Trails</option>
<option value="atv">ATV Trails</option>
</optgroup>
<optgroup label="Snow Trails">
<option value="ski:nordic">Cross-Country Ski Trails</option>
<option value="snowmobile">Snowmobile Trails</option>
</optgroup>
<optgroup label="Water Trails">
<option value="canoe">Canoe & Kayak Trails</option>
</optgroup>
</select>
<select id="lens"></select>
</div>
<div id="map"></div>
</div>
<div id="sidebar"></div>
</div>
<script type="application/javascript" src="dist/turf-buffer.js"></script>
<script type="application/javascript" src="js/utils.js"></script>
<script type="application/javascript" src="js/styleGenerator.js"></script>
<script type="application/javascript" src="js/mapController.js"></script>
<script type="application/javascript" src="js/sidebarController.js"></script>
<script type="application/javascript" src="js/dataController.js"></script>
<script type="application/javascript" src="js/hashController.js"></script>
<script type="application/javascript" src="js/index.js"></script>
</body>
</html>