randy
fba8ca10a2
5th Overlays item, generated client-side from the same online Terrarium DEM tiles Terrain shading already fetches (no offline fallback — the plugin's DemSource has no public hook to route through the pmtiles:// protocol the offline basemap uses, so this quietly renders nothing without a network, same as Radar/the Wikipedia layer). A plain vector source/layer under MapLibre's own tile lifecycle, no manual refetch-on-move code needed. Thresholds are the plugin's own generic starting point, not yet tuned against real terrain. Labels skipped for now (font-name matching across the online/offline styles' own glyph sets adds real risk for a nice-to-have, not the actual ask).
58 lines
2.7 KiB
ERB
58 lines
2.7 KiB
ERB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>MapTool</title>
|
|
<link rel="stylesheet" href="/vendor/maplibre-gl/maplibre-gl.css">
|
|
<link rel="stylesheet" href="/css/style.css?v=<%= ASSET_VERSION %>">
|
|
</head>
|
|
<body>
|
|
<%= yield %>
|
|
<script>
|
|
// Caches radar tile images (see public/sw.js) so the last-seen frames
|
|
// stay visible once the network is actually gone. Silently a no-op
|
|
// where it can't register — insecure-context LAN access without a
|
|
// reverse proxy in front, for instance — same as radar caching simply
|
|
// not working there; nothing else on the page depends on this.
|
|
if ("serviceWorker" in navigator) {
|
|
navigator.serviceWorker.register("/sw.js").catch(() => {});
|
|
}
|
|
</script>
|
|
<script src="/vendor/pmtiles/pmtiles.js"></script>
|
|
<script src="/vendor/protomaps-themes-base/protomaps-themes-base.js"></script>
|
|
<script src="/vendor/maplibre-contour/maplibre-contour.min.js"></script>
|
|
<%# Vendored libs above don't change between deploys, so they're left
|
|
unversioned; app.js's own modules do, and map.js statically imports
|
|
them by bare path — an import map remaps those paths to a versioned
|
|
URL so editing e.g. gpx.js also busts its cache, without having to
|
|
touch every file's import statements. Must come before the module
|
|
script below: the importmap has to be parsed first. %>
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"/js/auth.js": "/js/auth.js?v=<%= ASSET_VERSION %>",
|
|
"/js/contour.js": "/js/contour.js?v=<%= ASSET_VERSION %>",
|
|
"/js/dem.js": "/js/dem.js?v=<%= ASSET_VERSION %>",
|
|
"/js/gnss.js": "/js/gnss.js?v=<%= ASSET_VERSION %>",
|
|
"/js/gpx.js": "/js/gpx.js?v=<%= ASSET_VERSION %>",
|
|
"/js/icons.js": "/js/icons.js?v=<%= ASSET_VERSION %>",
|
|
"/js/livetrack.js": "/js/livetrack.js?v=<%= ASSET_VERSION %>",
|
|
"/js/locate.js": "/js/locate.js?v=<%= ASSET_VERSION %>",
|
|
"/js/measure.js": "/js/measure.js?v=<%= ASSET_VERSION %>",
|
|
"/js/notes.js": "/js/notes.js?v=<%= ASSET_VERSION %>",
|
|
"/js/overlays.js": "/js/overlays.js?v=<%= ASSET_VERSION %>",
|
|
"/js/panels.js": "/js/panels.js?v=<%= ASSET_VERSION %>",
|
|
"/js/plugins.js": "/js/plugins.js?v=<%= ASSET_VERSION %>",
|
|
"/js/radar.js": "/js/radar.js?v=<%= ASSET_VERSION %>",
|
|
"/js/search.js": "/js/search.js?v=<%= ASSET_VERSION %>",
|
|
"/js/shadow.js": "/js/shadow.js?v=<%= ASSET_VERSION %>",
|
|
"/js/sun.js": "/js/sun.js?v=<%= ASSET_VERSION %>",
|
|
"/js/track_profile.js": "/js/track_profile.js?v=<%= ASSET_VERSION %>"
|
|
}
|
|
}
|
|
</script>
|
|
<script type="module" src="/js/map.js?v=<%= ASSET_VERSION %>"></script>
|
|
</body>
|
|
</html>
|