0ac8845030
Former-commit-id: db5cd24383de52b4f54a2c6571dfd453f454857b [formerly 2e42e48f8dd90a71488bf01d5ff9f88490266970] [formerly c0bbd96f92b0c3ae758be42fe2596cf1d5eeae14 [formerly e39d69341488b0494392c65397257d928f05fdd6]] Former-commit-id: 6c5042b5aec5c64c7adc00ce8929ea97107416b4 [formerly b829ac1096befc2c88ba854c1c48ebf95166243d] Former-commit-id: 989b207bad28b7876dd554ef84e0d6cf93e92631
125 lines
4.8 KiB
HTML
125 lines
4.8 KiB
HTML
{% extends "layout.html" %}
|
|
{% block expand_header %}
|
|
<link rel="stylesheet" href="/css/leaflet.css" integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA==" crossorigin=""/>
|
|
<script src="/js/leaflet.js" integrity="sha512-nMMmRyTVoLYqjP9hrbed9S+FzjZHW5gY1TWCHA5ckwXZBadntCNs8kEqAWdrb9O7rxbCaA4lKTIWjDXZxflOcA==" crossorigin=""></script>
|
|
<link rel="stylesheet" href="https://toolbox.cyber.yt/css/spacestatus.css" />
|
|
<link rel="stylesheet" href="https://see-base.de/css/space_api.css" />
|
|
{% endblock %}
|
|
{% block title %}{{ this.title }}{% endblock %}
|
|
{% block body %}
|
|
<section class="wrapper alt spotlight style2">
|
|
<div class="inner">
|
|
<div class="content">
|
|
<h2 class="major">{{ this.title }}</h2>
|
|
{{ this.spruch }}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Content -->
|
|
<div class="wrapper">
|
|
<div class="inner">
|
|
<h3 class="major">{{ this.subtitle }}</h3>
|
|
<!-- Content -->
|
|
<section id="content">
|
|
|
|
<div id="mapid" class="image fit" style="width: auto; height: 110vh; z-index: 1;"></div>
|
|
|
|
<script>
|
|
var mymap = L.map('mapid').setView([49.46, 9.05], 8);
|
|
|
|
var greenIcon = L.icon({
|
|
iconUrl: '/images/map.png',
|
|
shadowUrl: '/images/map-shadow.png',
|
|
|
|
iconSize: [52, 60], // size of the icon
|
|
shadowSize: [60, 60], // size of the shadow
|
|
iconAnchor: [26, 62], // point of the icon which will correspond to marker's location
|
|
shadowAnchor: [2, 55], // the same for the shadow
|
|
popupAnchor: [-3, -76] // point from which the popup should open relative to the iconAnchor
|
|
});
|
|
|
|
|
|
L.tileLayer('https://tiles.ffbsee.de:9090/{z}/{x}/{y}.png', {
|
|
maxZoom: 19,
|
|
attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' +
|
|
'<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a> '
|
|
}).addTo(mymap);
|
|
|
|
|
|
L.marker([47.71234, 9.39956], {icon: greenIcon}).addTo(mymap)
|
|
.bindPopup("<aside><h3 style='color: black;'>Waffellager Bodensee:</h3><img src='/equipment/eisen.jpg'></img><br/><center>Kleines Waffeleisen</center></aside>").openPopup();
|
|
|
|
L.marker([49.8781, 8.65401], {icon: greenIcon}).addTo(mymap)
|
|
.bindPopup("<aside><h3 style='color: black;'>Waffellager Darmstadt:</h3><img src='/equipment/mini.jpg'></img><br/><center>Rowenta Waffeleisen</center></aside>").openPopup();
|
|
|
|
L.marker([47.77243, 9.19943], {icon: greenIcon}).addTo(mymap)
|
|
.bindPopup("<aside><h3 style='color: black;'>Waffellager Bodensee:</h3><img src='/equipment/doppeleisen.jpg'></img><br/><center>Großes Waffeleisen</center></aside>").openPopup();
|
|
|
|
|
|
L.polygon([
|
|
[49.87814327607132, 8.653730368550693],
|
|
[49.8780226890993, 8.653828203678133],
|
|
[49.87818731851169, 8.654329776763918],
|
|
[49.878306512632534, 8.654230535030367]],
|
|
{
|
|
color: 'ForestGreen ',
|
|
fillColor: 'ForestGreen ',
|
|
fillOpacity: 0.5
|
|
}).addTo(mymap).bindPopup("<aside><b>Platinengarten</b></aside>");
|
|
L.circle([49.87807977529451, 8.65401059389114], 2, {
|
|
color: 'DarkGreen',
|
|
fillColor: 'DarkGreen',
|
|
fillOpacity: 0.5
|
|
}).addTo(mymap).bindPopup("Eingang");
|
|
|
|
|
|
|
|
|
|
L.polygon([
|
|
[47.77244138, 9.19947267],
|
|
[47.77241975, 9.19938147],
|
|
[47.77244499, 9.19931710],
|
|
[47.77252791, 9.19920444],
|
|
[47.77259641, 9.19923663],
|
|
[47.77260001, 9.19926345],
|
|
[47.77249907, 9.19939756]],
|
|
{
|
|
color: '#5eba5e',
|
|
fillColor: '#5eba5e',
|
|
fillOpacity: 0.5
|
|
}).addTo(mymap).bindPopup("<aside><b>see-base</b><br /><a id='sb-closed' class='special button' style='background: FireBrick;'>Hackerspace geschlossen!</a><a id='sb-opened' class='special button' style='background-color: LimeGreen !important;'>Hackerspace offen!</a></aside>");
|
|
L.circle([47.77243191425533, 9.199432432651522], 2, {
|
|
color: 'blue',
|
|
fillColor: 'blue',
|
|
fillOpacity: 0.5
|
|
}).addTo(mymap).bindPopup("Eingang");
|
|
|
|
|
|
|
|
L.polygon([
|
|
[47.71242900, 9.39956546],
|
|
[47.71231350, 9.39980686],
|
|
[47.71222687, 9.39971030],
|
|
[47.71229545, 9.39956009],
|
|
[47.71223409, 9.39949036],
|
|
[47.71227740, 9.39939916]], {
|
|
color: 'orange',
|
|
fillColor: 'orange',
|
|
fillOpacity: 0.5
|
|
}).addTo(mymap).bindPopup("<aside><b>Toolbox Bodensee e.V.</b><br /><a id='tb-closed' class='special button' style='background: FireBrick;'>Vereinsheim geschlossen!</a><a id='tb-opened' class='special button' style='background-color: LimeGreen !important;'>Vereinsheim offen!</a></aside>");
|
|
|
|
L.circle([47.71229545, 9.39956009], 2, {
|
|
color: 'red',
|
|
fillColor: 'red',
|
|
fillOpacity: 0.5
|
|
}).addTo(mymap).bindPopup("Eingang");
|
|
|
|
</script>
|
|
<br/>
|
|
|
|
{{ this.body }}
|
|
</div>
|
|
</div>
|
|
|
|
{% endblock %}
|