Webcam
(wird alle 5 Minuten automatisch aktualisiert)
Wenn du die EDKB-Platzrunde in globe.adsbexchange.com anzeigen möchtest, nutze den folgenden Link als Lesezeichen: EDKB-Platzrunde in ADS-B Exchange
Der Link kann auch direkt in die Lesezeichenleiste gezogen und von dort verwendet werden. Diese bei Bedarf mit Strg + Shift + B einblenden.
 => { 'use strict'; const GLOBAL_KEY = '__EDKB_PLATZRUNDE_BOOKMARKLET__'; const STORAGE_KEY = 'adsbx_edkb_platzrunde_bookmarklet_v1'; const IMAGE_URL = 'https://edkb.de/wp-content/uploads/2020/07/Anflughilfe-FGH-Maerz-2015-.gif'; const IMAGE_WIDTH_PX = 709; const IMAGE_ANCHOR = [0.454, 0.232]; const DEFAULTS = { lon: 7.163644911033342, lat: 50.76851859108878, widthM: 6662.06555751654, rotationDeg: 0, opacity: 0.42, visible: true }; if (location.hostname !== 'globe.adsbexchange.com') { alert('Bitte als Lesezeichen speichern und dann zuerst https://globe.adsbexchange.com/ öffnen.'); return; } if (window[GLOBAL_KEY]) { window[GLOBAL_KEY].toggle(); return; } function start(attempt = 0) { const mapReady = typeof ol !== 'undefined' && typeof OLMap !== 'undefined' && OLMap; const customReady = typeof custom_layers !== 'undefined' && custom_layers && typeof custom_layers.push === 'function'; if (!mapReady) { if (attempt < 40) { setTimeout(() => start(attempt + 1), 250); } else { alert('Die ADS-B-Exchange-Karte ist noch nicht bereit. Seite neu laden und erneut versuchen.'); } return; } let state; try { state = { ...DEFAULTS, ...JSON.parse(localStorage.getItem(STORAGE_KEY) || '{}') }; } catch (error) { state = { ...DEFAULTS }; } let helpPinned = false; let hideTimer = 0; const icon = new ol.style.Icon({ src: IMAGE_URL, anchor: IMAGE_ANCHOR, anchorXUnits: 'fraction', anchorYUnits: 'fraction', rotateWithView: true, rotation: state.rotationDeg * Math.PI / 180, opacity: state.opacity }); const style = new ol.style.Style({ image: icon }); const feature = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([state.lon, state.lat])) }); const layer = new ol.layer.Vector({ name: 'edkb_platzrunde', title: 'EDKB Platzrunde', type: 'overlay', visible: Boolean(state.visible), zIndex: 125, renderBuffer: 1200, source: new ol.source.Vector({ features: [feature] }), style: (_feature, resolution) => { const mercatorWidthM = state.widthM / Math.cos(state.lat * Math.PI / 180); icon.setScale(mercatorWidthM / (resolution * IMAGE_WIDTH_PX)); return style; } }); const button = document.createElement('button'); button.type = 'button'; button.title = 'Linksklick: ein/aus · Rechtsklick: Hilfe'; Object.assign(button.style, { position: 'fixed', left: '12px', bottom: '12px', zIndex: '2147483647', padding: '8px 11px', border: '1px solid rgba(255,255,255,.8)', borderRadius: '5px', background: '#07586b', color: '#fff', font: 'bold 13px sans-serif', cursor: 'pointer', boxShadow: '0 1px 6px rgba(0,0,0,.65)' }); const hud = document.createElement('pre'); Object.assign(hud.style, { display: 'none', position: 'fixed', left: '12px', bottom: '58px', zIndex: '2147483647', maxWidth: '410px', margin: '0', padding: '11px 13px', border: '1px solid rgba(255,255,255,.45)', borderRadius: '5px', background: 'rgba(20,20,20,.92)', color: '#fff', font: '12px/1.45 monospace', whiteSpace: 'pre-wrap', pointerEvents: 'none', boxShadow: '0 1px 8px rgba(0,0,0,.7)' }); function save() { localStorage.setItem(STORAGE_KEY, JSON.stringify(state)); } function helpText() { return [ 'EDKB-Platzrunde', '', `Position: ${state.lat.toFixed(7)}, ${state.lon.toFixed(7)}`, `Breite: ${state.widthM.toFixed(1)} m`, `Drehung: ${state.rotationDeg.toFixed(1)}°`, `Deckkraft: ${Math.round(state.opacity * 100)} %`, '', 'Button: Overlay ein-/ausblenden', 'Rechtsklick: Hilfe festhalten', '', 'Alt + Umschalt + Pfeile: 20 m verschieben', 'Alt + Umschalt + Strg + Pfeile: 5 m verschieben', 'Alt + Umschalt + Q / E: drehen', 'Alt + Umschalt + Z / X: kleiner / größer', 'Alt + Umschalt + O / P: transparenter / deckender', 'Alt + Umschalt + H: Hilfe', 'Alt + Umschalt + R: Standardwerte', '', customReady ? 'Layer-Menü: Custom → EDKB Platzrunde' : 'Custom-Layer nicht gefunden; Ebene direkt zur Karte hinzugefügt.' ].join('\n'); } function updateButton() { const visible = layer.getVisible(); button.textContent = visible ? 'EDKB ✓' : 'EDKB'; button.style.opacity = visible ? '1' : '0.62'; button.setAttribute('aria-pressed', String(visible)); } function showHud(temporary = true) { clearTimeout(hideTimer); hud.textContent = helpText(); hud.style.display = 'block'; if (temporary && !helpPinned) { hideTimer = setTimeout(() => { hud.style.display = 'none'; }, 5000); } } function refresh(show = true) { feature.getGeometry().setCoordinates(ol.proj.fromLonLat([state.lon, state.lat])); icon.setRotation(state.rotationDeg * Math.PI / 180); icon.setOpacity(Math.max(0.05, Math.min(1, state.opacity))); layer.setVisible(Boolean(state.visible)); layer.changed(); save(); updateButton(); if (show) showHud(true); } function toggle() { state.visible = !layer.getVisible(); layer.setVisible(state.visible); save(); updateButton(); } function moveGround(eastM, northM) { const latRad = state.lat * Math.PI / 180; state.lat += northM / 111320; state.lon += eastM / (111320 * Math.cos(latRad)); } function reset() { Object.assign(state, DEFAULTS); refresh(true); } function onKeyDown(event) { if (!(event.altKey && event.shiftKey)) return; const step = event.ctrlKey ? 5 : 20; let handled = true; switch (event.code) { case 'ArrowLeft': moveGround(-step, 0); break; case 'ArrowRight': moveGround(step, 0); break; case 'ArrowUp': moveGround(0, step); break; case 'ArrowDown': moveGround(0, -step); break; case 'KeyQ': state.rotationDeg -= 0.2; break; case 'KeyE': state.rotationDeg += 0.2; break; case 'KeyZ': state.widthM *= 0.99; break; case 'KeyX': state.widthM *= 1.01; break; case 'KeyO': state.opacity = Math.max(0.05, state.opacity - 0.05); break; case 'KeyP': state.opacity = Math.min(1, state.opacity + 0.05); break; case 'KeyR': reset(); break; case 'KeyH': helpPinned = !helpPinned; hud.style.display = helpPinned ? 'block' : 'none'; if (helpPinned) showHud(false); event.preventDefault(); event.stopPropagation(); return; default: handled = false; } if (handled) { event.preventDefault(); event.stopPropagation(); refresh(true); } } button.addEventListener('click', toggle); button.addEventListener('contextmenu', event => { event.preventDefault(); helpPinned = !helpPinned; hud.style.display = helpPinned ? 'block' : 'none'; if (helpPinned) showHud(false); }); layer.on('change:visible', () => { state.visible = layer.getVisible(); save(); updateButton(); }); window.addEventListener('keydown', onKeyDown, true); document.body.appendChild(button); document.body.appendChild(hud); if (customReady) { custom_layers.push(layer); } else { OLMap.addLayer(layer); } window[GLOBAL_KEY] = { layer, feature, icon, state, toggle, refresh, reset, showHelp: () => { helpPinned = true; showHud(false); } }; refresh(false); showHud(true); } start(); })();){kind=link}
Der Link kann auch direkt in die Lesezeichenleiste gezogen und von dort verwendet werden. Diese bei Bedarf mit Strg + Shift + B einblenden.