Wolles Seiten

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.
====== Karibik 2024 ======

===== Törnverlauf Karte =====

<olmap id="olMap" width="800px" height="800px" lat="13.52821" lon="-61.23161" zoom="8" statusbar="1" toolbar="1" controls="1" poihoverstyle="1" baselyr="OpenStreetMap" kmlfile=":segeln:kml:karibik2024.kml" summary="Karibik 2014">

</olmap>
\\
----
===== Törnverlauf Zeitleiste =====
Die Zeitleiste kann man mit der Maus verschieben und zoomen sowie Elemente auswählen.

<html>
<head>

  <script type="text/javascript" src="https://www.wkunkel.de/_vis/vis-timeline-graph2d.min.js"></script>
  <link href="https://www.wkunkel.de/_vis/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />

  <style type="text/css">
    body, html {
      font-family: arial;
    }

    .vis-item .vis-item-overflow {
      overflow: visible;
    }
  </style>

  
</head>
<body>

<div id="visualization"></div>

<script type="text/javascript">
  // DOM element where the Timeline will be attached
  var container = document.getElementById('visualization');

  var groups = new vis.DataSet([
    {id: 1, style: "background-color: lightgray", content: '<b><a href="https://www.wkunkel.de" target="_blank">Ereignisse</a></b>', title: 'Was ist passiert?'           , value: 1},
    {id: 2, style: "background-color: lightgray", content: '<b><a href="https://www.wkunkel.de" target="_blank">Orte</a></b>'      , title: 'Hafen, Bucht oder Ankerplatz', value: 2},
    {id: 3, style: "background-color: lightgray", content: '<b><a href="https://www.wkunkel.de" target="_blank">Törn</a></b>'      , title: 'Törn-Titel'                  , value: 3}
  ]);


  // Create a DataSet (allows two way data-binding)
  var items = new vis.DataSet([
    {id: 37000 , group: 3, start: '2024-03-04',          end: '2024-03-24',          content: '<font color="grey" size=4><b>Karibik 2024</b></font>',   style: "background-color: lightgray", type: 'background'},
    {id: 37010 , group: 2, start: '2024-03-04',                                      content: '<font color="red">Marina du Marin (Martinique, Frankreich)</font>', title: 'Heimathafen'},
    {id: 37011 , group: 3, start: '2024-03-06T09:30:00', end: '2024-03-06T10:30:00', content: '<font color="black"><b>06.03.2024</b></font>', title: 'Törn 01'},
    {id: 37012 , group: 2, start: '2024-03-06T10:30:00',                             content: '<font color="red">Sainte-Anne</font>', title: 'Ankerplatz'},
    {id: 37050 , group: 1, start: '2024-03-07',                                      content: '<font color="green">"Sea Cloud II"</font>', title: 'Schiffs-Begegnungen'},
    {id: 37051 , group: 3, start: '2024-03-08T06:30:00', end: '2024-03-08T16:30:00', content: '<font color="black"><b>08.03.2024</b></font>', title: 'Törn 02'},
    {id: 37060 , group: 1, start: '2024-03-10',                    content: '<font color="green">Wallilabou Bay</font>', title: 'Ein Drehort für den Film "Fluch der Karibik"'},
    {id: 37070 , group: 1, start: '2024-03-10',                    content: '<font color="green">"Le Ponant"</font>', title: 'Schiffs-Begegnungen'},
    {id: 37080 , group: 1, start: '2024-03-11',                    content: '<font color="green">"Emerald Azzurra"</font>', title: 'Schiffs-Begegnungen'},
    {id: 37090 , group: 1, start: '2024-03-11',                    content: '<font color="green">"DreAMBoat"</font>', title: 'Schiffs-Begegnungen'},
    {id: 37100 , group: 1, start: '2024-03-13',                    content: '<font color="green">"2-Master?"</font>', title: 'Schiffs-Begegnungen'},
    {id: 37110 , group: 1, start: '2024-03-16',                    content: '<font color="green">"MLR"</font>', title: 'Schiffs-Begegnungen'},
    {id: 37120 , group: 1, start: '2024-03-16',                    content: '<font color="green">"Senoiki" (FR)</font>', title: 'Schiffs-Begegnungen'},
    {id: 37130 , group: 1, start: '2024-03-17',                    content: '<font color="green">"Emerald Azzurra"</font>', title: 'Schiffs-Begegnungen'},
    {id: 37140 , group: 1, start: '2024-03-17',                    content: '<font color="green">"Explora I"</font>', title: 'Schiffs-Begegnungen'},
    {id: 37990 , group: 2, start: '2024-03-24',                    content: '<font color="red">Marina du Marin (Martinique, Frankreich)</font>', title: 'Heimathafen'}
  ]);

  // Configuration for the Timeline
  var options = {};

  // Create a Timeline
  var timeline = new vis.Timeline(container, items, options);
  timeline.setOptions(options);
  timeline.setGroups(groups);
  timeline.setItems(items);

</script>
</body>
</html>

\\
----