SkipperGuide:Features/Karten und Skizzen: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied

VisuellWikitext

@@ Zeile 1: / Zeile 1: @@
 {{SkipperGuideFeatures}}
+{{TOCright}}
+== Karten ==
+=== MediaWiki-Extension 'Maps' ===
+In den Artikeln des SkipperGuides wird für Kartendarstellungen zum überwiegenden Teil die ''MediaWiki''-Extension '''Maps''' oder '''Semantic Maps''' verwendet. Sie hat den Vorteil, dass man aus mehreren Basiskartenanbietern wählen kann, und der Nutzer beziehungsweise Leser die Möglichkeit hat eventuell vorhandene zusätzliche Layer ein- und auszuschalten. Die anfangs oft verwendeten Daten von Google Maps sind inzwischen fast vollständig durch die von OpenSeaMap (OSeaM) ersetzt worden, so dass Karten aus diesem OpenStreetMap-Projekt (OSM) praktisch der Standard in diesem Wiki sind. Auslöser für die Umstellung waren Urheberschutzgründe, OSeaM hat sich darüber hinaus über die Jahre sowohl in Hinblick auf (nicht werbungsgesteuerter) Detailtiefe wie auch wegen der nautischen Inhalte offensichtlich durchgesetzt.
-== SkipperGuide und OpenSeaMap ==
+==== Offizielle Dokumentation ====
-Jede Hafenbeschreibung im SkipperGuide ist direkt mit OpenSeaMap verlinkt.
+Auf dieser [https://www.semantic-mediawiki.org/wiki/Extension:Maps/mapping_service#Available_values Dokumentationsseite] zur Extension findet man einige Infos, allerdings stößt man schnell auf einen Wermutstropfen: offensichtlich wird ''OpenLayers'' in neueren Versionen nicht weiter unterstützt, was sich in der inzwischen weitergeführten Beschreibung bemerkbar macht - die entsprechenden Punkte bleiben unbehandelt. Es ist also möglich, dass bei einer eventuellen Aktualisierung der MediaWiki-Software, auf der der ''SkipperGuide'' beruht, entweder eine neue Extension oder ähnliches gesucht werden muss, oder auf ''Leaflet'' als Implementierer umgestellt werden muss. Bis dahin gibt es eine Zusammenstellung der häufigsten Elemente im Artikel-Quellcode von 'Maps':
-; SkipperGuide ⇒ OpenSeaMap
+==== Elemente der Extension ====
-: In jedem Hafen-Artikel findest Du eine Koordinate. Mit einem Klick landest Du zielgenau im entsprechenden Kartenausschnitt von OpenSeamap und kannst dort beliebig zoomen und die Karte verschieben.
+* Die Karte wird eingeleitet mit ''<nowiki>{{#display_map:</nowiki>''
+* Es folgen eine oder mehrere Positionen. Nach denen wird der Kartenausschnitt automatisch bestimmt, falls keine Angaben zu ''center'' und ''zoom'' gemacht werden. Die Positionsangaben setzen sich zusammen aus:
+** Längengrad im dezimalen Format (''dd.dddd'', W-liche Angaben als negative Zahl), und nach einem Komma als Trennzeichen der
+** Breitengrad im dezimalen Format (also ''dd.dddd'', S-liche Angaben negativ).
+** Nach der trennenden Tilde kann ein Text angegeben werden, der als Überschrift in einem Popup erscheint. Ein eingebener Text erscheint immer, die Formatierung als Überschrift zeigt sich allerdings erst, wenn - wie nachfolgend beschrieben - auch ein Beschreibungstext angelegt ist.
+** Nach der nächsten Tilde kann man weitere Eingaben machen, die im Popup als Beschreibung unterhalb der Überschrift erscheinen. Wenn außer den Feldtrennertilden keine Eingabe für Beschreibung und deren Überschrift gemacht wird, erscheint auch kein Popup. Diese Konstellation ergibt sich, wenn man nur ein Icon für den Marker festlegen will.
+** Optional folgt nach einer weiteren Tilde ein Link zu einer Grafikdatei, die als Icon für die Position dargestellt werden soll. Bei fehlender Angabe wird ein rotes Standardsymbol verwendet.
+** Achtung: Zeilen mit Positionsangaben müssen mit einem Semicolon&nbsp;(;) abgeschlossen werden, wenn eine weitere Positionsangabe folgt. Ein abschließendes Semicolon in der letzten Positionszeile kann jedoch zu einem Fehler führen.
+* Mit dem ''Pipe''-Zeichen&nbsp;(|) als Trenner können optional weitere Angaben gemacht werden:
+** ''center='' gefolgt von einer Positionsangabe mit Länge und Breite, Format wie oben beschrieben. Damit wird der Kartenmittelpunkt bestimmt, die Angabe kann bei vorhandenen Positionsangaben entfallen.
+** ''zoom='' Angabe der Kartenzoomstufe.
+** ''width='' Breite des Kartenfensters, Angabe in Pixel (px) oder in Prozent des Bildschirmfensters (womit sich die Kartenbreite an unterschiedliche Monitore anpasst, könnte besonders interessant werden, falls der SkipperGuide mal 'mobil' wird.
+** ''height='' Angabe der Kartenfensterhöhe in Pixel
+** ''service='' derzeit wird immer ''openlayers'' verwendet. Andere Interpreter (zum Beispiel ''googlemap'' oder ''leaflet'') erfordern teilweise andere Syntaxen.
+** ''layers='' es folgt die Angabe der Basiskarten und darübergelegten Zusatzinformationen. Die erste Angabe ist die initial aktivierte. Im SkipperGuide werden beipielsweise folgende Layer verwendet (Trennzeichen ist jeweils ein Komma):
+*** ''osm-mapnik'' (die OSM-Basisdaten vom Renderer ''Mapnik'')
+*** ''osm-oseam'' (das OpenstreetMap-Overlay, also die nautischen Angaben und Symbole)
+*** ''osm-oseam-cemt'' (ein Overlay mit einer Klassifizierung der europäischen Binnenwasserstraßen)
+** ''copycoords=yes'' ermöglicht direktes Ermitteln von Postionsangaben in der Karte, sowohl im fertigen Artikel wie auch in der Vorschau (bei gewünschter Position Rechtsklicken und dann copy & paste)
+** ''resizable=yes'' Damit kann der Nutzer/Leser den Kartenausschnitt verändern (unten rechts am Kartenrand klicken und ziehen, ist zugegebenermaßen ein ziemlich kleiner Bereich).
+** ''lines='' Darstellung von einer oder mehrerer Linien
+*** durch Angabe von Längen- und Breitengrad wie oben beschrieben im Format (+)/-dd.dddd. Zwischen Längen- und Breitengrad kommt ein Komma (,), als Trenner zum nächsten Koordinatenpaar muss ein Doppelpunkt (:) gesetzt werden.
+*** Nach dem letzten Paar folgt - nun wieder statt dem Doppelpunkt wieder jeweils mit einer Tilde als Trenner - eine Überschrift,
+*** ein Beschreibungstext,
+*** Linienfarbe HTML-codiert, also eine Raute (#) direkt gefolgt von einer sechsstelligen Hexadezimalzahl (Beispiel: #00FF00 für ein Quietschegrün),
+*** ihre Opazität (von 0 = transparent bis 1 = deckend),
+*** sowie die Linienbreite in Pixel.
+*** Nach einem Semicolon kann eine weitere, neue Linie angegeben werden, nach der letzten Linie darf es allerdings KEIN Semicolon mehr geben.
+** ''polygons='' Darstellung von geschlossenen Flächen. Die erforderlichen Angaben sind ähnlich denen für die ''lines'':
+*** Koordinatenangaben wie oben beschrieben mit Komma als Trenner für Länge und Breite und Doppelpunkt für die Koordinatenpaare.
+*** Überschrift, Beschreibung, Farbe der Randlinie, deren Deckkraft sowie Breite wie bei den ''lines'',
+*** gefolgt von Farbe und Deckkraft für die Flächenfüllung.
+*** Und wieder entweder ein Semicolon, falls ein weiteres Polygon folgt, oder eben genau kein Semicolon.
+* ''}}'' mit einem Paar schließender geschweifter Klammern werden die Eingaben zur Karte abgeschlossen.
-; OpenSeaMap ⇒ SkipperGuide
+Bei den Koordinatenangaben gibt es kein Limit für die Stellen, die Angaben sind also nicht auf vier Stellen hinterm Komma beschränkt.
-: In OpenSeaMap findest Du ein Marina- oder Hafen-Symbol. Mit einem Klick landest Du zielgenau in der entsprechenden Hafenbeschreibung von SkipperGuide.
-== Karten für SkipperGuide ==
+==== Icons ====
-Wenn Du eine Hafenbeschreibung oder einen Artikel mit einer Karte oder einem Plan illustrieren willst, beispielsweise um anzugeben, wie man am schnellsten zum Bäcker kommt oder wo das beste Restaurant ist, dann machst Du einfach einen [http://de.wikipedia.org/wiki/Screenshot Screenshot] aus der Karte von OpenSeaMap und malst den Weg in den Screenshot:
+Bei den Kartenpositionen wird eine Standardgrafik [[Datei:Symbol_Marker_standard.png]] verwendet, wenn nicht explizit eine andere Datei angegeben ist. Grundsätzlich kann jede Bilddatei als Icon verwendet werden, die alle von der Extension auf das gleiche Maß verkleinert dargestellt werden. Für die Zwecke der Kartendarstellung sind jedoch eine ganze Anzahl an Grafiken hochgeladen worden, die meisten vermutlich selbst erstellt. So hat [[User:GeorgHD|GeorgHD]] einen ganzen Satz an Logos bereitgestellt, die viel in den Artikeln zur Ostsee Verwendung gefunden haben. Eine weiterer Icon-Satz entsteht mit Dateien, die mit ''Symbol_'' im Dateinamen beginnen (zum Beispiel Symbol_Hafen.svg). Bei letztgenannter Reihe ist zu beachten, dass die aktuellen Dateien im Format SVG erstellt sind. Die ursprünglichen Pixeldateien (JPG, PNG) sind Auslaufmodelle, falls sie nicht mehr anderweitig verwendet werden.
-# suche in [http://OpenSeaMap.org/map OpenSeaMap] den passenden Kartenausschnitt
-# drücke die Taste <code><Druck></code> (manchmal heisst sie auch "Print") kopierst Du den ganzen Bildschirm <br>mit der Tastenkombination <code><Alt>-<Druck></code> kannst Du gezielt das gerade aktive Fenster kopieren
+Die Grafikfiles findet man wie alle Bilddateien auf der Spezialseite [[Spezial:Dateien|Dateiliste]], unter der Rubrik ''Medien''. Und als Piktogramm kategorisierte Grafiken sind in der dazugehörigen [https://www.skipperguide.de/wiki/Kategorie:Piktogramm Kategorieseite] zusammengeführt.
-# öffne ein Bildbearbeitungsprogramm Deiner Wahl und füge den Screenschot mit <code><Strg-v></code> ein
-# zeichne die gewünschten Informationen hinzu (Text, Linien, Kreise, Flächen)
+==== Vorlagen zur Kartenbeschreibung ====
-# speichere ddas Bild auf Deinem Rechner
+Die Vorlage ''<nowiki>{{MaßstabGM}}</nowiki>'' versucht die in der Karte verwendeten Maßstäbe zu beschreiben. Die dort angegebenen Einheiten ändern sich mit unterschiedlichen Zoomstufen. Leider kann man - zumindest in der aktuell verwendeten Extension-Version - die Grundeinheiten nicht ändern, so gibt es immer metrische und imperiale, aber keine nautischen Längenangaben.
-# lade das Bild in SkipperGuide hoch
-# binde das hochgeladene Bild in den Artikel ein
+==== Beispiel ====
+{{#display_map:
+.896565409146, 7.0046392682163 ~ Standardstelle;
+.897161908399, 7.0045759683126 ~ Unbucht ~ Ehemalige militärische Landungsstelle, inzwischen verlandend. ~ Symbol_Hafen.svg;
+.896788153445, 7.0036540031654 ~ ~ ~ Symbol_Achtung.svg
+| center=50.896910520501, 7.0043603184785
+| width=40%
+| height=400
+| zoom=17
+| service=openlayers
+| layers=OpenSeaMap, OpenStreetMap
+| copycoords=yes
+| resizable=yes
+| polygons=
+.896854017711,7.0040556192724:50.896813416446,7.0043077469198:50.896864168021,7.0045223236411:50.896969054435,7.0042380094855:50.896985971577,7.0040502548544 ~ Schatzeck ~ Link führt zur [[#MediaWiki-Extension 'Maps'|Überschrift]]. ~ #0000ef ~ 1 ~ 3 ~ #ffff00 ~ 0.9
+| lines=
+.896781386612,7.0037344694354:50.896588529937,7.004549860976~Rote Linie ~ Überschreitung möglich abhängig vom Wasserstand ~ #ff0000 ~ 0.6 ~ 6;
+.89660206376,7.0031497478703:50.896196047324,7.0052311420659:50.896426123842,7.0063040256718 ~ Grüne Linie ~ ~ #44aa44 ~ 0.8 ~ 4
+}}
+{{MaßstabGM}}
+=== Karten direkt aus OpenSeaMap ===
+OpenSeaMap basiert auf auf der OpenStreetMap und stellt detaillierte Kartendaten zur Verfügung. Die Karten dort können am Bildschirm als Screenshot "abfotografiert" und als Grafik in SkipperGuide eingebunden werden. OpenSeaMap eignet sich in erster Linie für Detailkarten von Häfen, Buchten und kleineren Seegebieten.
+====Vorgehen====
+# in [http://OpenSeaMap.org/map OpenSeaMap] den passenden Kartenausschnitt wählen
+# mit Taste <code><Druck></code> (manchmal heißt sie auch "Print") den ganzen Bildschirm, oder mit der Tastenkombination <code><Alt>-<Druck></code> das gerade aktive Fenster kopieren
+# in einem beliebigen Bildbearbeitungsprogramm den Screenschot mit <code><Strg-v></code> einfügen
+# Bei Bedarf: Zusatz-Informationen können mit dem Bildbearbeitungsprogramm eingezeichnet werden
+# Bild auf dem lokalen Rechner speichern
+# Bild in SkipperGuide hochladen (linkes Menü unten: Werkzeuge/Hochladen)
+# hochgeladenes Bild in den Artikel einfügen (siehe auch [[SkipperGuide:Features/Bilder]])
-Alternativen:
+==== Bilder mit der Karte verlinken ====
-: [http://www.irfanview.de/ IrfanView] - OpenSource-Bildbearbeitungs-Programm, Screenshot mit "Optionen > Fotografieren"
+[[Bild:OpenSeaMap-Warnemuende.png|thumb|right|[http://www.openseamap.org/map/?zoom=18&lat=54.18171&lon=12.08555&layers=B0FTT&lang=de Beispiellink auf OpenSeaMap]]]
-: [https://addons.mozilla.org/de/firefox/addon/5648 FireShot] - Screenshot-Plugin für Firefox
-== Bilder mit der Karte verlinken ==
+Jedes Bild, jede Skizze und jeder Kartenausschnitt kann direkt mit OpenSeaMap verlinkt werden:
-Du kannst jedes Bild, jede Skizze und jeden Kartenausschnitt im SkipperGuide direkt mit OpenSeaMap verlinken:
 # suche in [http://OpenSeaMap.org/map OpenSeaMap] den passenden Kartenausschnitt
 # kopiere auf der Karte unten rechts den Permalink mit <code><Strg-c></code>
 # fügen mit <code><Strg-v></code> den kopierten Permalink in das Bild ein
-  [[File:<span style="background-color:yellow;">Dateiname_des Bildes</span> | [<span style="background-color:yellow;">Permalink</span> Text]]]
+  [[Bild:<span style="background-color:lightgrey;">Dateiname_des Bildes</span> | [<span style="background-color:lightgrey;">Permalink</span> Text]]]
 Beispiel:
- [[File:<span style="background-color:yellow;">OpenSeaMap-Warnemuende.png</span> | thumb | [<span style="background-color:yellow;"><nowiki>http://www.openseamap.org/map/?zoom=18&lat=54.18171&lon=12.08555&layers=B0FTT&lang=de</nowiki></span> "Teepott" <br>auf der Karte anzeigen]]]
+<code>[[Bild:<span style="background-color:lightgrey;">OpenSeaMap-Warnemuende.png</span> | thumb | [<span style="background-color:lightgrey;"><nowiki>http://www.openseamap.org/map/?zoom=18&lat=54.18171&lon=12.08555&layers=B0FTT&lang=de</nowiki></span> "Teepott" auf der Karte anzeigen]]]
+</code>
-[[File:OpenSeaMap-Warnemuende.png | thumb | [http://www.openseamap.org/map/?zoom=18&lat=54.18171&lon=12.08555&layers=B0FTT&lang=de "Teepott" <br>auf der Karte anzeigen]]]
-<br style="clear:both;" clear="all" />
+===Kartengenerator GMT===
+Viele Karten sind mit dem frei verfügbaren Programm "GMT" generiert. GMT eignet sich besonders gut für Übersichtskarten. Es erlaubt unterschiedliche Projektionen, die Darstellung von Längen- und Breitengeraden, etc.
-== Karten selber zeichnen ==
+Beispiele für mit GMT generierte Karten: [[:Datei:Ostsee.jpg]] oder auch [[:Datei:Mittelmeer klein.png]].
-Karten werden direkt in [http://OpenSeaMap.org OpenSeaMap] erstellt.
-Wenn Du im SkipperGuide eine Karte brauchst, erstelle eines Screenshot aus OpenSeaMap.
+Wenn jemand seine eigenen Karten generieren möchte, findet er unter [[SkipperGuide:Karten]] die notwendigen Skripte und Zusatzinformationen.
-Bevor es OpenSeaMap gab, hat man Karten so erstellen können:
-; Karten
+===Nachbearbeitung===
-* '''Kartengenerator''': Die meisten Karten sind mit dem frei verfügbaren Programm "GMT" generiert. Wenn jemand seine eigenen Karten generieren möchte, findet er unter [[SkipperGuide:Karten]] die notwendigen Skripte und Zusatzinformationen.
+Einige Karten sind nachbearbeitet. Für eigene Nachbearbeitungen sind alle "nackten" Karten auf der Seite [[SkipperGuide:Karten/Generiert]] eingefügt
-* '''Nachbearbeitung''': Einige Karten sind nachbearbeitet. Für eigene Nachbearbeitungen sind alle "nackten" Karten auf der Seite [[SkipperGuide:Karten/Generiert]] eingefügt
-; Skizzen
+== Skizzen ==
-* Die Skizzen und Hafenpläne wurden meist mit [http://www.inkscape.org/?lang=de InkScape] erstellt. Das Programm ist kostenlos unter [http://www.inkscape.org/download.php] zu beziehen.
+* Die Skizzen und Hafenpläne wurden meist mit '''InkScape''' erstellt. Das Programm ist kostenlos unter [http://www.inkscape.org/download.php] zu beziehen.
 * Die Hafenpläne sind oftmals Pausen - freie Satelitenbilder dienten als Unterlage, die entsprechenden Polygone wurden mit InkScape nachgezogen. Damit ist die Weiterverwendung rechtlich unbedenklich.
+== Werkzeuge ==
+===OpenSeaMap===
+* http://www.openseamap.org
+===GMT===
+* siehe [[SkipperGuide:Karten]]
+===freie Bildbearbeitungsprogramme===
+* [http://www.gimp.org GIMP] - freies Bildbearbeitungsprogramm für verschiedene Betriebssysteme. Download: http://www.gimp.org/downloads
+* [http://www.getpaint.net/ paint.net] - freies Bildbearbeitungsprogramm für Windows
+===alternative Screenshot-Werkzeuge===
+* [http://www.irfanview.de/ IrfanView] - OpenSource-Bildbearbeitungs-Programm, Screenshot mit "Optionen > Fotografieren" oder einfach Taste C drücken.
+* [https://addons.mozilla.org/de/firefox/addon/5648 FireShot] - Screenshot-Plugin für Firefox
+* [http://www.xnview.de/ XNview] - Für private Anwender kostenfreies vielfälig nutzbares Bildbearbeitungsprogramm. Screenshot mit "Werkzeuge > Bildschirminhalte erfassen"
+Am einfachsten: bei gedrückter Alt-Taste kurz die Druck-Taste betätigen. Der ganze Bildschirminhalt ist dann in der Zwischenablage und kann mit anderen Programmen nach Einfügen (etwa Tastenkombination Strg.+v) weiterbearbeitet werden.