Amateurfunk Satelliten Tracker

Anzeige der aktuellen Umlaufbahn aller gängigen Amateurfunk Satelliten. Daten werden alle 2 Sekunden aktualisiert.

Nach Eingabe des QTH’s / Wohnorts werden auch die Entfernung zum Satellit sowie die Richtung und die Empfangsstärke angezeigt.

Weitere Infos zum Thema Satelliten findet man hier: https://afu-base.de/satellit/

Anleitung zum Einbinden auf eigener Seite

🚀 Satellite Tracker iframe – Quick Start

Wichtig !
Ich werde dieses als eines der ersten Funktionen auf meiner Seite frei geben, damit man es auf seiner eigenen Seite einbinden kann. Es handel sich erst mal nur um einen Versuch. Sollte das funktionieren, werde ich noch mehr Funktionen zum Einbinden auf eigener Seite frei geben.

Ich behalte mir vor, dieses jederzeit zu widerrufen. Die Einbindung erfolgt auf eigene Gefahr. Ich übernehme keine Haftung, egal welcher Art.

⚡ Schnellstart (30 Sekunden)

Kopiere diesen Code in deine HTML-Seite:

<iframe 
  src="https://afu-base.de/divers/satellites/index.html"
  width="100%"
  height="800"
  frameborder="0"
  allow="geolocation">
</iframe>

Fertig! Der Tracker ist jetzt eingebunden.


📱 Responsive Version (empfohlen)

<style>
  .iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 125%;
    height: 0;
    overflow: hidden;
  }
  .iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 4px;
  }
</style>

<div class="iframe-container">
  <iframe src="https://afu-base.de/divers/satellites/index.html" allow="geolocation"></iframe>
</div>

🎨 Mit Styling (professionell)

<iframe 
  src="https://afu-base.de/divers/satellites/index.html"
  style="width:100%; height:800px; border:2px solid #007bff; border-radius:8px; box-shadow:0 4px 6px rgba(0,0,0,0.1);"
  frameborder="0"
  allow="geolocation">
</iframe>

🔧 Verschiedene Größen

Klein

<iframe src="https://afu-base.de/divers/satellites/index.html" width="350" height="600" frameborder="0" allow="geolocation"></iframe>

Mittel

<iframe src="https://afu-base.de/divers/satellites/index.html" width="600" height="800" frameborder="0" allow="geolocation"></iframe>

Groß

<iframe src="https://afu-base.de/divers/satellites/index.html" width="100%" height="900" frameborder="0" allow="geolocation"></iframe>

🔐 Mit Security (Sandbox)

<iframe 
  src="https://afu-base.de/divers/satellites/index.html"
  width="100%"
  height="800"
  frameborder="0"
  allow="geolocation"
  sandbox="allow-same-origin allow-scripts allow-popups">
</iframe>

📝 WordPress (Gutenberg)

  1. Block + HTML hinzufügen
  2. Code einfügen:
<iframe src="https://afu-base.de/divers/satellites/index.html" width="100%" height="800" frameborder="0" allow="geolocation" style="border-radius:4px;"></iframe>

⚠️ Wichtig!

  • Höhe: Mindestens 800px
  • allow="geolocation": Für Standort-Berechnung erforderlich
  • Responsive: Nutze die CSS-Container-Variante für Handy-Kompatibilität
  • Title: Für Accessibility: title="Satellite Tracker"

🐛 Problem? Überprüfe:

ProblemLösung
Karte nicht sichtbarHeight erhöhen auf 900px
Funktionen nicht aktivallow="geolocation" hinzufügen
Zu klein auf HandyResponsive Container verwenden
X-Frame-Options FehlerServer-Admin kontaktieren


🎯 Minimales Arbeitsbeispiel

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Satellite Tracker</title>
</head>
<body>
  <h1>🛰️ Satelliten Live-Tracker</h1>
  <iframe 
    src="https://afu-base.de/divers/satellites/index.html"
    width="100%"
    height="800"
    frameborder="0"
    allow="geolocation">
  </iframe>
</body>
</html>

Diese Datei speichern, öffnen und fertig! 🎉