Helikoptervluchten integreren in je Website!

Wil je in één oogopslag de vluchtroute van trauma-, ambulance-, politie- of kustwachthelikopters zien op je website? Met de widget kun je eenvoudig helikoptervluchten tonen aan je bezoekers en direct naar gedetailleerde vluchtinformatie. Je hoeft maar 2 regels HTML toe te voegen om de widget beschikbaar te maken op jouw website.

Waarom de TraumaRadar Widget?

🚁 Real-time Helikopter Vluchten: Toon vluchtroutes van verschillende nooddiensten, zoals trauma-, ambulance-, politie- en kustwachthelikopters.

🛰️ Kaart: Geef je bezoekers toegang tot de kaart met vlucht-tracking van helikopters boven Nederland.

🔗 Directe Koppeling naar TraumaRadar: Klik door voor gedetailleerde vluchtinformatie op traumaradar.nl, inclusief vluchtdata, routes, en meer!

📱 Volledig Responsive: De plugin werkt op zowel desktop als mobiele apparaten, zodat iedereen de vluchten kan volgen, waar ze ook zijn.

🎨 Eenvoudig Aanpasbaar: Pas de weergave aan naar jouw wensen! Stel eenvoudig in welke onderdelen wel en niet zichtbaar moeten zijn..

Belangrijkste functionaliteiten

Real-time Kaartweergave: Voeg een interactieve kaart toe aan je pagina of widget met actuele vluchtinformatie.
Widgets: Gebruik de handige widget om vluchten in de sidebar of footer of waar dan ook in je website te tonen.
Gedetailleerde informatie: Bezoekers kunnen op de kaart doorklikken voor meer vluchtinformatie.

Hoe werkt het?

Voeg widget broncode toe: Plaats een script tag in je website of pagina. Verderop op de deze pagina, in het stappenplan, leggen we precies uit hoe je de widget toevoegt.
Maak ruimte voor 1 of meer widgets: Bepaal waar de widget(s) moeten komen in je website.
Plaats de widget: Voeg een widget code toe aan je website.
Configureer de widget: Bepaal hoe de widget er uit moet zien
Bekijk Heli Vluchten!: Laat jouw bezoekers de helikoptervluchten bekijken, direct op je website.

Voorbeelden van gebruik

Deze widget is ideaal voor:

Nieuwssites: Houd bezoekers op de hoogte van noodgevallen en grote incidenten met live vluchtroutes.
Gemeentelijke en Regionale Websites: Toon relevante informatie over lokale nooddiensten en hun vluchten.
Hulpdiensten Enthousiastelingen: Voor websites die zich richten op hulpdiensten, veiligheid en real-time incidentinformatie.

Stappenplan

Stap 1: Plaats de widget broncode

Open de HTML-pagina van je website in een editor en voeg onderin, net boven het </body>-element de volgende code toe:

<script src="https://traumaradar.nl/api/widget/widget.js"></script>

Stap 2: Plaats de widget

Voeg op de plek waar de widget moet worden getoond de volgende HTML-code toe:

<div data-trauma-heli-widget data-flight-id="89104" data-show-map="true" data-show-track="true"></div>

Stap 3: Configureer de widget

Je kunt met de attributen data-show-map (de vluchtkaart), data-show-track (de vluchtroute) bepalen welke afbeeldingen je wilt tonen. Als je een item niet wilt tonen zet je de waarde op false. Verder kun je bepalen of je een bepaalde vlucht wil tonen of de meest recente vlucht. Hieronder een overzicht:

`data-flight-id`	Je kunt de meest recente vlucht tonen of een specifieke vlucht. Zet de waarde op`0` als je de meest recente vlucht wilt tonen. Wil je een specifieke vlucht tonen, zet dan de waarde op de vlucht-id. De vlucht-id kun je vinden op de pagina van de vlucht. Druk dan 2x op CTRL+D. Er verschijnt dan rechtsboven een popup met de vlucht-id. Je kunt de id ook in de link vinden van de pagina van de vlucht.
`data-show-map`	`true` om de kaart te tonen, anders `false`
`data-show-track`	`true` om de vluchtroute te tonen, anders `false`

De code van je webpagina ziet er nu bijvoorbeeld als volgt uit:

<!DOCTYPE html>
<html lang="nl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Traumahelikopter Widget Voorbeelden</title>
</head>
<body>
    <div data-trauma-heli-widget data-flight-id="0" data-show-map="true" data-show-track="true"></div>
    <script src="https://traumaradar.nl/api/widget/widget.js"></script>
</body>

Het resultaat voor je bezoekers ziet er zo uit:

Veelgestelde Vragen (FAQ)

1. Is de widget gratis te gebruiken?

Ja! De widget is volledig gratis.

2. Hoe actueel is de vluchtinformatie?

De informatie is real-time, rechtstreeks afkomstig van de vluchtradar. Zodra een vlucht wordt gedetecteerd op onze website, kun je deze toevoegen aan je website.

3. Kan ik een specifieke helikoptervluchten selecteren?

Ja, dat doe je door op onze website de vlucht op te zoeken en de id uit de url (link) te kopieren. Je kunt deze id ook vinden door naar de pagina van de vlucht te gaan en 2x op CTRL+D te drukken. Dat geldt voor alle vluchten die wij beschikbaar hebben, zoals traumahelikopters, politie- of kustwachtvluchten.