Skip to content

Commit 24f10bd

Browse files
arichnadarichnad
committed
multi-level directories.
track-types are disabled by default.
1 parent ea31b4e commit 24f10bd

File tree

8 files changed

+155
-116
lines changed

8 files changed

+155
-116
lines changed

‎buttons.json‎

Lines changed: 79 additions & 84 deletions
Original file line numberDiff line numberDiff line change
@@ -1,90 +1,85 @@
11
{
22
"buttons": [
3-
{ "id": "gravel road", "class": "layerIds", "group": "style", "layerIds": {
4-
"road-unpaved": [{"propertyType": "paint", "property": "line-width", "value": {"base": 1.1, "stops": [[5, 0.75], [20, 5]]}}],
5-
"cycleway-unpaved": [{"propertyType": "layout", "property": "visibility", "value": "none"}],
6-
"cycleway-unknown": [{"propertyType": "layout", "property": "visibility", "value": "none"}],
7-
"cycleway-paved": [{"propertyType": "layout", "property": "visibility", "value": "none"}],
8-
"cyclefriendly-paved": [{"propertyType": "layout", "property": "visibility", "value": "none"}]
9-
}},
10-
{ "id": "dirty", "class": "layerIds", "group": "style", "layerIds": {
11-
"road-unpaved": [{"propertyType": "layout", "property": "visibility", "value": "none"}],
12-
"cycleway-paved": [{"propertyType": "layout", "property": "visibility", "value": "none"}],
13-
"cyclefriendly-paved": [{"propertyType": "layout", "property": "visibility", "value": "none"}]
14-
}},
15-
{ "id": "paved", "class": "layerIds", "group": "style", "layerIds": {
16-
"road-unpaved": [{"propertyType": "layout", "property": "visibility", "value": "none"}],
17-
"cycleway-unpaved": [{"propertyType": "layout", "property": "visibility", "value": "none"}],
18-
"cycleway-unknown": [{"propertyType": "layout", "property": "visibility", "value": "none"}]
19-
}},
203
{
21-
"id": "satellite",
22-
"class": "layer",
23-
"name": "sat",
24-
"active": false,
25-
"type": "raster",
26-
"source": {"type": "raster", "tiles": ["https://api.mapbox.com/styles/v1/mapbox/satellite-v9/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoiY3ljbGVtYXB1cyIsImEiOiJjanNhbHRlaGMwMGp2NDNqeG80Mzk2cmExIn0.0OBPtvf3KANeaA6QOCk1yw"]},
27-
"beforeId": "satellite-anchor"
28-
},
29-
{ "id": "weather", "class": "directory", "source": [
30-
{
31-
"id": "past-rain-1d",
32-
"class": "rain",
33-
"name": "past rain 1d",
34-
"active": false,
35-
"type": "raster",
36-
"paint": {"raster-opacity": 0.5},
37-
"beforeId": "rain-anchor",
38-
"group": "weather",
39-
"source": {
4+
"id": "expand",
5+
"class": "directory",
6+
"active": true,
7+
"name": "◉",
8+
"source": [
9+
{ "id": "gravel-road", "class": "layerIds", "active": false, "layerIds": {
10+
"road-unpaved": [{"propertyType": "layout", "property": "visibility", "value": "visible"}]
11+
}},
12+
{ "id": "trails", "class": "layerIds", "active": true, "layerIds": {
13+
"cycleway-unpaved": [{"propertyType": "layout", "property": "visibility", "value": "visible"}],
14+
"cycleway-unknown": [{"propertyType": "layout", "property": "visibility", "value": "visible"}]
15+
}},
16+
{ "id": "paved", "class": "layerIds", "active": true, "layerIds": {
17+
"cycleway-paved": [{"propertyType": "layout", "property": "visibility", "value": "visible"}],
18+
"cyclefriendly-paved": [{"propertyType": "layout", "property": "visibility", "value": "visible"}]
19+
}},
20+
{
21+
"id": "satellite",
22+
"class": "layer",
23+
"name": "sat",
4024
"type": "raster",
41-
"tileSize": 2048,
42-
"tiles" : [
43-
"https://mapservices.weather.noaa.gov/raster/rest/services/obs/rfc_qpe/MapServer/export?bbox={bbox-epsg-3857}&size=512,512&dpi=96&format=png8&transparent=true&bboxSR=3857&imageSR=3857&layers=show:28&f=image"
44-
]
45-
}
46-
},
47-
{
48-
"id": "past-rain-3d",
49-
"class": "rain",
50-
"name": "past rain 3d",
51-
"active": false,
52-
"type": "raster",
53-
"paint": {"raster-opacity": 0.5},
54-
"beforeId": "rain-anchor",
55-
"group": "weather",
56-
"source": {
57-
"type": "raster",
58-
"tileSize": 2048,
59-
"tiles" : [
60-
"https://mapservices.weather.noaa.gov/raster/rest/services/obs/rfc_qpe/MapServer/export?bbox={bbox-epsg-3857}&size=512,512&dpi=96&format=png8&transparent=true&bboxSR=3857&imageSR=3857&layers=show:40&f=image"
61-
]
62-
}
63-
},
64-
{
65-
"id": "past-rain-5d",
66-
"class": "rain",
67-
"name": "past rain 5d",
68-
"active": false,
69-
"type": "raster",
70-
"paint": {"raster-opacity": 0.5},
71-
"beforeId": "rain-anchor",
72-
"group": "weather",
73-
"source": {
74-
"type": "raster",
75-
"tileSize": 2048,
76-
"tiles" : [
77-
"https://mapservices.weather.noaa.gov/raster/rest/services/obs/rfc_qpe/MapServer/export?bbox={bbox-epsg-3857}&size=512,512&dpi=96&format=png8&transparent=true&bboxSR=3857&imageSR=3857&layers=show:48&f=image"
78-
]
79-
}
80-
}
81-
]},
82-
{ "id": "more", "name": "☰", "class": "directory", "source": [
83-
{ "id": "reset", "class": "reset" },
84-
{ "id": "heat" },
85-
{ "id": "osm" },
86-
{ "id": "g" },
87-
{ "id": "about-menu", "name": "about", "class": "about" }
88-
]}
25+
"source": {"type": "raster", "tiles": ["https://api.mapbox.com/styles/v1/mapbox/satellite-v9/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoiY3ljbGVtYXB1cyIsImEiOiJjanNhbHRlaGMwMGp2NDNqeG80Mzk2cmExIn0.0OBPtvf3KANeaA6QOCk1yw"]},
26+
"beforeId": "satellite-anchor"
27+
},
28+
{ "id": "weather", "class": "directory", "source": [
29+
{
30+
"id": "past-rain-1d",
31+
"class": "rain",
32+
"type": "raster",
33+
"paint": {"raster-opacity": 0.5},
34+
"beforeId": "rain-anchor",
35+
"group": "weather",
36+
"source": {
37+
"type": "raster",
38+
"tileSize": 2048,
39+
"tiles" : [
40+
"https://mapservices.weather.noaa.gov/raster/rest/services/obs/rfc_qpe/MapServer/export?bbox={bbox-epsg-3857}&size=512,512&dpi=96&format=png8&transparent=true&bboxSR=3857&imageSR=3857&layers=show:28&f=image"
41+
]
42+
}
43+
},
44+
{
45+
"id": "past-rain-3d",
46+
"class": "rain",
47+
"type": "raster",
48+
"paint": {"raster-opacity": 0.5},
49+
"beforeId": "rain-anchor",
50+
"group": "weather",
51+
"source": {
52+
"type": "raster",
53+
"tileSize": 2048,
54+
"tiles" : [
55+
"https://mapservices.weather.noaa.gov/raster/rest/services/obs/rfc_qpe/MapServer/export?bbox={bbox-epsg-3857}&size=512,512&dpi=96&format=png8&transparent=true&bboxSR=3857&imageSR=3857&layers=show:40&f=image"
56+
]
57+
}
58+
},
59+
{
60+
"id": "past-rain-5d",
61+
"class": "rain",
62+
"type": "raster",
63+
"paint": {"raster-opacity": 0.5},
64+
"beforeId": "rain-anchor",
65+
"group": "weather",
66+
"source": {
67+
"type": "raster",
68+
"tileSize": 2048,
69+
"tiles" : [
70+
"https://mapservices.weather.noaa.gov/raster/rest/services/obs/rfc_qpe/MapServer/export?bbox={bbox-epsg-3857}&size=512,512&dpi=96&format=png8&transparent=true&bboxSR=3857&imageSR=3857&layers=show:48&f=image"
71+
]
72+
}
73+
}
74+
]},
75+
{ "id": "more", "name": "☰", "class": "directory", "source": [
76+
{ "id": "reset", "class": "reset" },
77+
{ "id": "heat" },
78+
{ "id": "osm" },
79+
{ "id": "g" },
80+
{ "id": "about-menu", "name": "about", "class": "about" }
81+
]}
82+
]
83+
}
8984
]
9085
}

‎dist/cyclemaps.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎index.html‎

Lines changed: 27 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -93,38 +93,38 @@
9393
transform: scale(.75);
9494
}
9595
@media (orientation: portrait) {
96-
.pickerHolder {
96+
.buttonHolderEven {
9797
flex-direction: column;
9898
}
99-
.pickerHolder nav {
99+
.buttonHolderOdd {
100100
flex-direction: row;
101101
}
102102
}
103103
@media (orientation: landscape) {
104-
.pickerHolder {
104+
.buttonHolderEven {
105105
flex-direction: row;
106106
}
107-
.pickerHolder nav {
107+
.buttonHolderOdd {
108108
flex-direction: column;
109109
}
110110
}
111-
.pickerHolder {
111+
.buttonHolder {
112112
display: inline-flex;
113113
padding-top: .5rem;
114114
padding-left: .5rem;
115115
}
116-
.pickerHolder nav {
116+
.buttonHolder nav {
117117
display: inline-flex;
118118
}
119-
.pickerHolder button {
119+
.buttonHolder button {
120120
margin: .3rem !important;
121121
padding: 0;
122122
width: 5.5rem;
123123
height: 1.8rem;
124124
font-size: .8rem;
125125
font-weight: 700;
126126
}
127-
.pickerHolder button.active {
127+
.buttonHolder button.active {
128128
background-color: #48b;
129129
color: #fff;
130130
}
@@ -135,11 +135,28 @@
135135
.guage {
136136
display: inline-block;
137137
}
138+
#gravel-road {
139+
background-color: hsl(0, 0%, 75%);
140+
}
141+
#gravel-road.active {
142+
background-color: hsl(0, 0%, 50%);
143+
}
144+
#trails {
145+
background-color: hsl(25, 20%, 60%);
146+
}
147+
#trails.active {
148+
background-color: hsl(25, 60%, 45%);
149+
}
150+
#paved {
151+
background-color: hsl(120, 8%, 50%);
152+
}
153+
#paved.active {
154+
background-color: hsl(120, 60%, 30%);
155+
}
138156
</style>
139157
</head>
140158
<body>
141-
<nav id="picker" class="pickerHolder">
142-
</nav>
159+
<nav id="buttonHolder" class="buttonHolder"></nav>
143160
<div id="map" class="map">
144161
</div>
145162
<div class="rightLegend legend">

0 commit comments

Comments
 (0)