summaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authorBirte Kristina Friesel <derf@finalrewind.org>2024-08-20 19:45:43 +0200
committerBirte Kristina Friesel <derf@finalrewind.org>2024-08-20 19:45:43 +0200
commit5c3ea3f327e174f8bc5113ced2420bb6a9c92c5d (patch)
tree418a4d8179b8e53fa67723c7bf86991b5023eea7 /templates
parent465c131a6324c4c1d151d82829384652e1740238 (diff)
derp4.30.0
Diffstat (limited to 'templates')
-rw-r--r--templates/coverage_map.html.ep22
1 files changed, 22 insertions, 0 deletions
diff --git a/templates/coverage_map.html.ep b/templates/coverage_map.html.ep
new file mode 100644
index 0000000..bd3d94c
--- /dev/null
+++ b/templates/coverage_map.html.ep
@@ -0,0 +1,22 @@
+<div class="container">
+ Das <%= $backend %>-Backend „<%= $service %>“ liefert ungefähr innerhalb
+ der folgenden grob umrissenen Region voraussichtlich nützliche Echtzeitdaten.
+</div>
+
+<div class="container">
+ <div id="map" style="height: 70vh;">
+ </div>
+</div>
+
+<script>
+const map = L.map('map').setView([51.306, 9.712], 6);
+
+L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+ attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+}).addTo(map);
+
+const coverage = L.geoJSON(<%== $coverage %>);
+
+coverage.addTo(map);
+map.fitBounds(coverage.getBounds());
+</script>