Skip to content

Commit

Permalink
Add Hiking-Overlay, rename variables
Browse files Browse the repository at this point in the history
  • Loading branch information
@centic9
centic9 committed Aug 4, 2024
1 parent a9c51de commit a8a8de8
Showing 1 changed file with 45 additions and 32 deletions.
77 changes: 45 additions & 32 deletions leaflet-map.html
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
<!DOCTYPE html>
<!--suppress JSUnresolvedLibraryURL, JSUnresolvedReference -->
<html lang="en">
<head>
<base target="_top">
Expand Down Expand Up @@ -218,7 +219,7 @@
maxZoom: 19,
edgeBufferTiles: 1,
// errorTileUrl: 'https://example.com/ctw/ctw-404.png',
attribution: 'Map data: &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | Map style: &copy; <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
attribution: 'Map data: &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="https://viewfinderpanoramas.org/">SRTM</a> | Map style: &copy; <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
});

// https://tiles.bergfex.at/
Expand Down Expand Up @@ -305,6 +306,14 @@
attribution: 'Map data: &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors | Map style: &copy; <a href="https://waymarkedtrails.org">waymarkedtrails.org</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
});

// https://tile.waymarkedtrails.org/hiking/12/2207/1415.png
const hiking = L.tileLayer('https://tile.waymarkedtrails.org/hiking/{z}/{x}/{y}.png', {
maxZoom: 18,
edgeBufferTiles: 1,
// errorTileUrl: 'https://example.com/ctw/ctw-404.png',
attribution: 'Map data: &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors | Map style: &copy; <a href="https://waymarkedtrails.org">waymarkedtrails.org</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
});

// https://cs37700.dogadoserver.de/ctw/tilesSquares/12/2207/1415.png
const ctwSquares = L.tileLayer('tilesSquares/{z}/{x}/{y}.png', {
// we currently only generate up to zoom-level 18
Expand Down Expand Up @@ -366,37 +375,37 @@

const paddedRenderer = L.svg({ padding: 0.8 });

const geoSquares = L.geoJSON(squaresstates,{style:mapstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});
const geoSquares = L.geoJSON(squaresstates, {style: mapstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});

const geoSquaresAdjacent = L.geoJSON(adjacentSquaresstates,{style:adjacentstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});
const geoSquaresAdjacent = L.geoJSON(adjacentSquaresstates, {style: adjacentstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});

const geoSquaresNew = L.geoJSON(squaresnewstates,{style:mapstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});
const geoSquaresNew = L.geoJSON(squaresnewstates, {style: mapstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});

const geoTiles = L.geoJSON(tilesstates,{style:mapstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});
const geoTiles = L.geoJSON(tilesstates, {style: mapstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});

const geoTilesAdjacent = L.geoJSON(adjacentTilesstates,{style:adjacentstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});
const geoTilesAdjacent = L.geoJSON(adjacentTilesstates, {style: adjacentstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});

const geoTilesNew = L.geoJSON(tilesnewstates,{style:mapstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});
const geoTilesNew = L.geoJSON(tilesnewstates, {style: mapstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});

const cluster = L.geoJSON(squaresclusterstates,{style:clusterstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});
const clusterSquares = L.geoJSON(squaresclusterstates, {style: clusterstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});

const clusterTiles = L.geoJSON(tilesclusterstates,{style:clusterstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});
const clusterTiles = L.geoJSON(tilesclusterstates, {style: clusterstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});

const largest = L.geoJSON(largeststates,{style:clusterstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});
const largestClusterSquares = L.geoJSON(largeststates, {style: clusterstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});

const rectangle = L.geoJSON(rectanglestates,{style:rectanglestyle, onEachFeature: onEachFeature, renderer: paddedRenderer});
const largestClusterTiles = L.geoJSON(largesttilesstates, {style: clusterstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});

const square = L.geoJSON(squarestates,{style:squarestyle, onEachFeature: onEachFeature, renderer: paddedRenderer});
const rectangle = L.geoJSON(rectanglestates, {style: rectanglestyle, onEachFeature: onEachFeature, renderer: paddedRenderer});

const squareTiles = L.geoJSON(tilesquarestates,{style:squarestyle, onEachFeature: onEachFeature, renderer: paddedRenderer});
const square = L.geoJSON(squarestates, {style: squarestyle, onEachFeature: onEachFeature, renderer: paddedRenderer});

const rectangleTiles = L.geoJSON(tilerectanglestates,{style:rectanglestyle, onEachFeature: onEachFeature, renderer: paddedRenderer});
const squareTiles = L.geoJSON(tilesquarestates, {style: squarestyle, onEachFeature: onEachFeature, renderer: paddedRenderer});

const largestTiles = L.geoJSON(largesttilesstates,{style:clusterstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});
const rectangleTiles = L.geoJSON(tilerectanglestates, {style: rectanglestyle, onEachFeature: onEachFeature, renderer: paddedRenderer});

const largestConnectedSquares = L.geoJSON(largestconnectedstates,{style:clusterstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});
const largestConnectedSquares = L.geoJSON(largestconnectedstates, {style: clusterstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});

const largestConnectedTiles = L.geoJSON(largestconnectedtilesstates,{style:clusterstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});
const largestConnectedTiles = L.geoJSON(largestconnectedtilesstates, {style: clusterstyle, onEachFeature: onEachFeature, renderer: paddedRenderer});

const gridOsm = L.gridLayer();

Expand Down Expand Up @@ -476,7 +485,7 @@
map.addLayer(isSquares ? rectangle : rectangleTiles);
}
if (params.get("cluster") === "1") {
map.addLayer(isSquares ? largest : largestTiles);
map.addLayer(isSquares ? largestClusterSquares : largestClusterTiles);
}

const baseLayers = {
Expand All @@ -498,8 +507,8 @@
'Squares': geoSquares,
'New': geoSquaresNew,
'Adjacent': geoSquaresAdjacent,
'Cluster': cluster,
'Largest Cluster': largest,
'Cluster': clusterSquares,
'Largest Cluster': largestClusterSquares,
'Largest Connected': largestConnectedSquares,
'Rectangle': rectangle,
'Square': square,
Expand All @@ -510,7 +519,7 @@
'StatsHunter Cluster': clusterTiles,
'StatsHunter Square': squareTiles,
'StatsHunter Rectangle': rectangleTiles,
'StatsHunter Largest Cluster': largestTiles,
'StatsHunter Largest Cluster': largestClusterTiles,
'StatsHunter Largest Connected': largestConnectedTiles,
'-- Rendered overlay --': empty,
'Rendered Squares': ctwSquares,
Expand All @@ -520,9 +529,10 @@
'Rendered Tiles Adjacent': ctwTilesAdjacent,
'-- Other --': empty,
'MTB': mtb,
'Hiking': hiking,
'Slopes': slopes,
'Grid': gridOsm,
'Grid 14': gridOsmFixed,
'Grid': gridOsm,
'-- -- --': empty,
};

Expand All @@ -545,18 +555,18 @@

var buttonCl = L.easyButton('<strong>Cl</strong>', function(){
if (map.hasLayer(geoTiles)) {
map.removeLayer(largest);
if (map.hasLayer(largestTiles)) {
map.removeLayer(largestTiles);
map.removeLayer(largestClusterSquares);
if (map.hasLayer(largestClusterTiles)) {
map.removeLayer(largestClusterTiles);
} else {
map.addLayer(largestTiles);
map.addLayer(largestClusterTiles);
}
} else {
map.removeLayer(largestTiles);
if (map.hasLayer(largest)) {
map.removeLayer(largest);
map.removeLayer(largestClusterTiles);
if (map.hasLayer(largestClusterSquares)) {
map.removeLayer(largestClusterSquares);
} else {
map.addLayer(largest);
map.addLayer(largestClusterSquares);
}
}
});
Expand Down Expand Up @@ -652,7 +662,9 @@
map.removeLayer(ctwTilesAdjacent);
map.removeLayer(squareTiles);
map.removeLayer(rectangleTiles);
map.removeLayer(largestTiles);
map.removeLayer(clusterTiles);
map.removeLayer(largestClusterTiles);
map.removeLayer(largestConnectedTiles);
if (map.hasLayer(geoSquares)) {
map.removeLayer(geoSquares);
} else {
Expand All @@ -671,7 +683,8 @@
map.removeLayer(geoSquaresNew);
map.removeLayer(square);
map.removeLayer(rectangle);
map.removeLayer(largest);
map.removeLayer(clusterSquares);
map.removeLayer(largestClusterSquares);
if (map.hasLayer(geoTiles)) {
map.removeLayer(geoTiles);
} else {
Expand Down

0 comments on commit a8a8de8

Please sign in to comment.