Webcam Azimut-Overlay – Demo

Webcam Azimut-Overlay – Demo

Bild-URL: Bild laden

Hinweis: Die Kalibrierung wird pro Bild-URL im Browser (localStorage) gespeichert. Burg setzen Hornisgrinde setzenKalibrierung zurücksetzenHorizont (rel.): Gitter:

Bereit

Klicke „Burg setzen“ und danach im Bild exakt auf die Burg Hohenzollern (Azimut 316,6°). Wiederhole „Hornisgrinde setzen“ (300,0°). Alles wird gespeichert.

Name Azimut (°) Gipfel hinzufügenGipfel zurücksetzen

Standard-Gipfel: Rohrhardsberg 250,6° · Schliffkopf 294,5° · Hornisgrinde 300,0° · Burg Hohenzollern 316,6°. Du kannst eigene Punkte ergänzen.

WordPress-Einbettung

Im Block-Editor einfach einen „Individueller HTML“-Block einfügen und diesen gesamten Code hineinkopieren. Ersetze oben im Feld Bild-URL den Platzhalter durch deine Webcam-URL. Falls dein WordPress Scripte im HTML-Block unterbindet, nutze ein Snippet-Plugin (z. B. „Code Snippets“) und füge die HTML-Seite per Shortcode oder Page-Template ein.

Tipp: Die Kalibrierung erfolgt in 2 Klicks (Burg, Hornisgrinde) und bleibt pro Bild-URL im Browser gespeichert (localStorage). Über den Schieberegler justierst du die Horizonthöhe. Weitere Gipfel kannst du unten ergänzen.