aws-tirol

Wetterstationen Tirol HOWTO (Teil 4) - Leaflet.Rainviewer

Die Homepage des Leaflet.Rainviewer Plugins von Marcin Wasilewski finden wir bei der Pluginseite von Leaflet

Dort angekommen sehen wir unter Installation, dass wir ein Stylesheet und ein Javascript in index.html einbinden müssen

<!-- Leaflet Rainviewer -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/mwasil/Leaflet.Rainviewer/leaflet.rainviewer.css"/>
<script src="https://cdn.jsdelivr.net/gh/mwasil/Leaflet.Rainviewer/leaflet.rainviewer.js"></script>

🔗 COMMIT

Dann müssen wir nur noch in main.js das Plugin am Ende des Skripts aktivieren - wir kopieren einfach den Code bei Setup

L.control.rainviewer({ 
    position: 'bottomleft',
    nextButtonText: '>',
    playStopButtonText: 'Play/Stop',
    prevButtonText: '<',
    positionSliderLabelText: "Hour:",
    opacitySliderLabelText: "Opacity:",
    animationInterval: 500,
    opacity: 0.5
}).addTo(map);

🔗 COMMIT