h:De:Marker in URL: Unterschied zwischen den Versionen

Aus OpenSeaMap-dev
Wechseln zu: Navigation, Suche
K (→‎Text hinzufügen)
(→‎Für Programmierer)
 
(30 dazwischenliegende Versionen von 4 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
 
{|border="0" cellpadding="6" cellspacing="0" width="100%"
 
{|border="0" cellpadding="6" cellspacing="0" width="100%"
−
!style="background:#E3E3E3;" | Sprachen:
+
!style="background:#E3E3E3;" | [[h:De:Marker_in_URL|Deutsch]]
−
!style="background:#E3E3E3;" | [[De:Marker_in_URL|Deutsch]]
+
!style="background:#E3E3E3;" | [[h:En:Marker_in_URL|English]]
−
!style="background:#E3E3E3;" | [[Marker_in_Url|English]]
 
 
!style="background:#E3E3E3; width:100%;" |  
 
!style="background:#E3E3E3; width:100%;" |  
 
|}
 
|}
  
−
[[Datei:Marker in URL.jpg|thumb|Marker mit Text]]
 
  
−
Auf der Vollbildkarte kann man einen Marker setzen, auf Wunsch auch mit Textfenster. <br> Den Marker kann man als URL speichern und so auf Websiten verlinken und per Mail verschicken.
+
[[Datei:Marker in URL.jpg|thumb|350px|Marker mit Text]]
  
−
== Marker setzen ==
+
Mit Werkzeug '''Marker in URL''' kann man den aktuellen Zustand der [https://map.openseamap.org Browser-Vollbildkarte] als URL speichern und an Dritte weitergeben.
−
[[Datei:Marker-Tool.jpg|thumb|Marker-Werkzeug]]
 
  
 +
Dabei wird in der URL folgendes gespeichert:
 +
* der Mittelpiunkt der Karte
 +
* die gewählte Zoomstufe
 +
* die aktivierten Layer
 +
Zusätzlich kann gespeichert werden:
 +
* ein Marker in der Karte (Positon)
 +
* ein Beschreibungstext zum Marker (erscheint als Popup)
  
−
Öffne im Menü "Werkzeuge" das Werkzeug "Permalink".
+
Die URL kann man per Mail verschicken oder auf Websiten verlinken.
  
−
Wähle im Menü "Ansicht" die Layer "Seezeichen", "Häfen", "Koordinatengitter" (Standard) <br>und alle Layer, die du mit dem Permalink zusätzlich zeigen willst.
+
Wenn der Benutzer diesen Link öffnet, sieht er den gleichen Kartenausschnitt: Grösse des Ausschnitts, Bildmittelpunkt, Zoomstufe, Ansicht der Layer, den Marker an der richtigen Position, und wenn man auf den Marker klickt, erscheint ein Fenster mit dem Beschreibungstext.
  
−
Zoome bis zur höchsten Zoomstufe (z=18), und klicke mit der Maus an die Stelle, wo der Marker erscheinen soll. <br>Jeder weitere Klick setzt den Marker neu.
+
== Permalink-Tool öffnen==
  
−
== Text hinzufügen ==
+
Öffne im Menü "Werkzeuge" das Werkzeug "Permalink".
−
Du kannst einen Text hinzufügen, der beim Marker in einer Sprechblase angezeigt wird.
 
  
−
Schreibe dazu im Werkzeug "Permalink" in das Textfenster den anzuzeigenden Text. <br>
+
Im unteren Bereich kannst du im Feld "URL" stets deinen aktuellen Link sehen.  
−
Erlaubt sind Buchstaben und Zahlen (incl. Umlaute, Leerzeichen und Sonderzeichen). <br>
+
<br> Nach einem Klick in das Feld wird dieser markiert und kann in die Zwischenablage kopiert werden (z. B. <code>[Strg-c]</code> drücken)
−
Nicht erlaubt ist HTML-Code. <br>
 
−
Einen Zeilenumbruch erzeugst Du mit <code><Return></code>. <br>
 
−
Fett: <code><nowiki><b>fetter Text</b></nowiki></code> <!--Textteil markieren und auf die Schaltfläche "Fett" klicken. (funktioniert noch nicht) -->
 
  
−
== URL erzeugen ==
+
== Marker setzen ==
−
Klicke im Werkzeug "Permalink" mit der Maus in das Fenster "URL" (Inhalt wird blau markiert) <br>
+
[[Datei:Marker-Tool.jpg|thumb|350px|Marker-Werkzeug]]
−
kopiere den Permalink mit <Ctrl-c> in die Zwischenablage.
 
  
−
[http://map.openseamap.org/map/?zoom=18&mlat=54.09763&mlon=12.10632&mtext=%3Cb%3EBSH%20Rostock%3C%2Fb%3E%0ANeptunallee%205%20%0A18057%20Rostock&layers=BFTFFFTFFTF0FFFFFFFF Mit Marker und Text:]
+
Um eine bestimmte Position zu markieren, kannst du einen Marker setzen.
  
−
  <nowiki>http://map.openseamap.org/map/?</nowiki><span style="background-color:yellow;">zoom=18</span>&mlat=54.09763&mlon=12.10632&mtext=%3Cb%3EBSH%20Rostock%3C%2Fb%3E%0ANeptunallee%205%20%0A18057%20Rostock&layers=BFTFFFTFFTF0FFFFFFFF
+
Solange das Permalink-Tool offen ist, kannst du durch einen Klick in die Karte eine Position markieren.
 +
<br> Je weiter du reinzoomst, desto genauer kannst du den Marker positionieren.
 +
<br> Anschliessend wieder rauszoomen um den gewünschten Kartenausschnitt zu wählen.
 +
<br> Jeder weitere Klick setzt den Marker neu.
  
−
Wenn du einen grösseren Kartenausschnitt brauchst, ersetze im Link den Text "zoom=18" durch die gewünschte Zoomstufe.
+
Der Link wird im dem URL-Feld nach jeder Änderung automatisch angepasst.
  
−
== ohne Marker ==
+
mlat und mlon bestimmt die Position des Markers,
−
Wähle den Kartenausschnitt im gewünschten Zoomstufe und die anzuzeigenden Layer. <br>
+
<br> lat und lon bestimmt den Kartenmittelpunkt (kann auch weggelassen werden).
−
Klicke auf "Permalink" unten rechts in der Karte. <br>
 
−
Oben in der Adresszeile des Browsers steht nun die Koordinate des Punktes.
 
  
−
[http://map.openseamap.org/?zoom=13&lat=54.42391&lon=10.17&layers=BFTFFFTFFTT0TFFFFT Ohne Marker:]
+
== Permalink ohne Marker ==
 +
Um einen Permalink ohne Marker zu erhalten verzichtest du einfach auf den Klick in die Karte.
 +
<br> Falls bereits ein Marker gesetzt wurde, kann dieser nicht gelöscht werden. Beginne einfach nochmal von vorne.
  
−
<nowiki>http://map.openseamap.org/?zoom=13&lat=54.42391&lon=10.17&layers=BFTFFFTFFTT0TFFFFT</nowiki>
+
== Text hinzufügen ==
 +
Du kannst einen Text hinzufügen, der beim Marker in einer Sprechblase angezeigt wird.
  
−
Den Permalink kannst Du unten rechts mit der rechten Maustaste (Linkadresse kopieren) <br>
+
Schreibe dazu im Werkzeug "Permalink" in das Textfenster den anzuzeigenden Text. <br>
−
oder in der Adresszeile mit "alles markieren" (<Strg-a> und Strg-c>) <br>
+
Erlaubt sind Buchstaben und Zahlen (incl. Umlaute, Leerzeichen und Sonderzeichen).  
−
in die Zwischenanblage kopieren.
 
  
 +
Nicht erlaubt ist HTML-Code.
  
 +
:Ausnahme:
 +
:{| class="wikitable"
 +
! Was || Code
 +
|-
 +
| '''Fett''' || &nbsp; <code><nowiki><b>Fett</b></nowiki></code> &nbsp;
 +
|-
 +
| Zeilenumbruch || &nbsp; <code><Return></code>
 +
|}
  
−
<!--
+
Der Link wird im dem URL-Feld nach jeder Änderung automatisch angepasst.
  
−
= <s>alt</s> =
+
== Kartenausschnitt bestimmen ==
−
== URL erzeugen ==
+
Schiebe und zoome die Karte solange bis du den gewünschten Ausschnitt siehst.
−
Wähle den Kartenausschnitt so, dass Du den Punkt wo der Marker gesetzt werden soll in der Kartenmitte liegt.
 
−
Zoome bis zur höchsten Zoomstufe (z=18), und schiebe den Punkt genau in die Mitte der Karte.
 
−
Klicke auf "Permalink" unten rechts in der Karte.
 
−
Oben in der Adresszeile des Browsers steht nun die Koordinate des Punktes.
 
  
−
[http://map.openseamap.org/map/?zoom=13&lat=54.43&lon=10.17 Ohne Marker:]
+
Der Link wird im dem URL-Textbereich nach jeder Änderung automatisch angepasst.
  
−
<nowiki>http://map.openseamap.org/map/?zoom=13&lat=54.43&lon=10.17</nowiki>
+
== Layer auswählen ==
 +
Die Layer können beliebig ausgewählt und zusammengestellt werden.
  
−
Ändere den Text in der Adresszeile: <br>
+
Der Link wird im dem URL-Feld nach jeder Änderung automatisch angepasst.
−
füge vor "lat" ein "m" (wie "Marker") hinzu → "mlat" <br>
 
−
füge vor "lon" ein "m" (wie "Marker") hinzu → "mlon"
 
  
−
[http://map.openseamap.org/map/?zoom=13&mlat=54.43&mlon=10.17 Mit Marker:]
+
<!-- == Permalink ohne Marker ==
 +
Um einen Permalink ohne Marker zu erhalten, gibt es einen schnelleren Weg:
  
−
<nowiki>http://map.openseamap.org/map/</nowiki>?zoom=13&<span style="background-color:yellow;">mlat</span>=54.43&<span style="background-color:yellow;">mlon</span>=10.17
+
* Wähle den Kartenausschnitt im gewünschten Zoomstufe und die anzuzeigenden Layer. <br>
 +
* Klicke auf "Permalink" unten rechts in der Karte. <br>
 +
* Oben in der Adresszeile des Browsers steht nun dein Link.
  
−
Drücke <Return>, dann erscheint da wo die Koordinate hinzeigt ein roter Marker.
+
Um den Permalink in die Zwischenanblage zu kopieren, gibt es zwei Möglichkeiten. Entweder Rechtsklick auf "Permalink" unten rechts. Es öffnet sich ein Fenster, dort kannst du "Linkadresse kopieren" auswählen. Oder in der Adresszeile des Browsers wie gewohnt markieren und kopieren.
  
−
Ändere die Koordinate in der Adresszeile so lange (letzte Ziffern), bis der Marker genau da ist wo er sein soll.
+
== Workaround für Marker ohne Text ==
 +
Ein Bug im Tool verhindert, dass ein Marker ohne Text angezeigt wird.
  
−
== Text hinzufügen ==
+
Hier ein schneller Workaround:
−
Du kannst einen Text hinzufügen, der beim Marker in einer Sprechblase angezeigt wird.
 
  
−
Ergänze dazu die URL in der Adresszeile mit "&mtext=" und setze hinter das Gleichheitszeichen den anzuzeigenden Text. <br>
+
; Marker sichtbar
−
Erlaubt sind Buchstaben, Leerzeichen, Zahlen, Bindestrich, Punkt, Komma, Ausrufezeichen, Doppelpunkt, Semikolon. <br>
+
: http://map.openseamap.org/?zoom=12&lat=54.153&lon=11.654&mlat=54.19420&mlon=11.64748&layers=BTTFFFTFFTF0FFFFFFFFFF
−
Nicht erlaubt sind Umlaute, Sonderzeichen, Fragezeichen, Prozent, Zeilenumbruch, HTML-Code.
 
  
−
[http://map.openseamap.org/map/?zoom=13&mlat=54.43&mlon=10.17&mtext=Olympiahafen%20Kiel Mit Marker und Text:]
+
; Marker versteckt
 +
: http://map.openseamap.org/?zoom=12&lat=54.153&lon=11.654&mlat=54.19420&mlon=11.64748&layers=BFTFFFTFFTF0FFFFFFFFFF
  
−
<nowiki>http://map.openseamap.org/map/</nowiki>?zoom=13&mlat=54.43&mlon=10.17<span style="background-color:yellow;">&mtext=Olympiahafen Kiel<span style="background-color:yellow;">
+
Der Unterschied liegt an der 2. Stelle im Layer String. (T vs F)
−
 
+
-->
−
== Layer auswählen ==
 
−
Die in der Karte angezeigten Layer sind im Permalink gespeichert:
 
  
−
[http://map.openseamap.org/map/?zoom=13&mlat=54.43&mlon=10.17&layers=B0TFFFFTTFFFT&mtext=Olympiahafen%20Kiel Mit anderem Layer:]
+
== Für Programmierer ==
 +
Mit einer String-Funktion kann man die URL auch mit Variablen zusammenbauen.
  
−
<nowiki>http://map.openseamap.org/map/</nowiki>?zoom=13&mlat=54.43&mlon=10.17<span style="background-color:yellow;">&layers=B0TFFFFTTFFFT</span>
+
; Bedeutung der Parameter in der URL
  
−
== Kartenmitte anders als Marker ==
+
:{| class="wikitable"
−
Zusätzlich zum Marker kann eine andere Kartenmitte bestimmt werden. Dazu reicht ein Verschieben der Karte und ein erneuter Klick auf "Permalink". Dann wird die URL um die neue Mittelpunktskoordinate ergänzt:
+
! Parameter || Bedeutung || Bemerkungen
 +
|-
 +
| z || Zoomlevel || z=3..18
 +
|-
 +
| lat, lon || Karten-Mittelpunkt || 4 Nachkommastellen = 10m [https://wiki.openstreetmap.org/wiki/DE:Genauigkeit_von_Koordinaten]
 +
|-
 +
| mlat, mlon || Marker-Position || 5 Nachkommastellen = 1m
 +
|-
 +
| mtext || PopUp-Text || auch mehrzeilig
 +
|-
 +
| layers || angezeigte Layer || 23 Positionen, T=sichtbar, F= unsichtbar
 +
|}
  
−
[http://map.openseamap.org/map/?zoom=13&mlat=54.43&mlon=10.17&layers=B0TFFFFFTFFFT&mtext=Olympiahafen%20Kiel&lat=54.46961&lon=10.23276 Mit anderer Kartenmitte:]
+
; Markup für Popup-Text
  
−
<nowiki>http://map.openseamap.org/map/</nowiki>?zoom=13&mlat=54.43&mlon=10.17<span style="background-color:yellow;">&lat=54.46961&lon=10.23276</span>
+
:{| class="wikitable"
 +
! Markup || Bedeutung || Bemerkungen
 +
|-
 +
| %20 || Leerzeichen ||
 +
|-
 +
| %3Cb%3E || <b> fett, Anfang || Button (statt HTML)
 +
|-
 +
| %3C%2Fb%3E || </b> fett, Ende || dito
 +
|-
 +
| %0A || <return> neue Zeile || 0=null
 +
|-
 +
|  || klickbare URL || funktioniert noch nicht
 +
|}
  
−
== Zoomlevel ==
+
; 23 Stellen für Layer:
−
Selbstverständlich kann der Zoomlevel zwischen 0 und 18 angepasst werden:
+
: fett: Standard-Layer
 +
(noch ungeprüft... es fehlen: Häfen, Wikipedia Bilder, )
  
−
<nowiki>http://map.openseamap.org/map/</nowiki>?zoom=<span style="background-color:yellow;">11</span>&mlat=54.43&mlon=10.17
+
:{| class="wikitable"
 +
! Layers-Pos || Bedeutung || Bemerkungen
 +
|-
 +
| 1 || '''Basiskarte''' || OpenStreetMap Carto, B|0
 +
|-
 +
| 2 || Marker ||
 +
|-
 +
| 3 || '''Seezeichen''' ||
 +
|-
 +
| 4 || Sport || (Kayak, Tauchen)
 +
|-
 +
| 5 ||  || war: GEBCO Schattierung
 +
|-
 +
| 6 || Meeresprofil || GEBCO Tiefenlinien
 +
|-
 +
| 7 || Pois ||
 +
|-
 +
| 8 || Download || KAP, MBTiles, AT5
 +
|-
 +
| 9 || Törnplaner ||
 +
|-
 +
| 10 || '''Koordinatengitter''' ||
 +
|-
 +
| 11 || Wikipedia ||
 +
|-
 +
| 12 || Luftbild || Bing
 +
|-
 +
| 13 || AIS ||
 +
|-
 +
| 14 ||  || war: SatPro
 +
|-
 +
| 15 ||  || war: Desaster
 +
|-
 +
| 16 || Pegel ||
 +
|-
 +
| 17 || Permalink ||
 +
|-
 +
| 18 || Wassertiefen 100m ||
 +
|-
 +
| 19 ||  ||
 +
|-
 +
| 20 ||  ||
 +
|-
 +
| 21 || Wassertiefen 10m ||
 +
|-
 +
| 22 || Tiefenlinien || (beta)
 +
|-
 +
| 23 ||  ||
 +
|}
  
−
-->
+
== OpenSeaMap in Website ==
 +
HowTo: [[h:de:OpenSeaMap in Website|OpenSeaMap in Website einbinden]]

Aktuelle Version vom 9. März 2023, 16:50 Uhr

Deutsch English


Marker mit Text

Mit Werkzeug Marker in URL kann man den aktuellen Zustand der Browser-Vollbildkarte als URL speichern und an Dritte weitergeben.

Dabei wird in der URL folgendes gespeichert:

  • der Mittelpiunkt der Karte
  • die gewählte Zoomstufe
  • die aktivierten Layer

Zusätzlich kann gespeichert werden:

  • ein Marker in der Karte (Positon)
  • ein Beschreibungstext zum Marker (erscheint als Popup)

Die URL kann man per Mail verschicken oder auf Websiten verlinken.

Wenn der Benutzer diesen Link öffnet, sieht er den gleichen Kartenausschnitt: Grösse des Ausschnitts, Bildmittelpunkt, Zoomstufe, Ansicht der Layer, den Marker an der richtigen Position, und wenn man auf den Marker klickt, erscheint ein Fenster mit dem Beschreibungstext.

Permalink-Tool öffnen

Öffne im Menü "Werkzeuge" das Werkzeug "Permalink".

Im unteren Bereich kannst du im Feld "URL" stets deinen aktuellen Link sehen.
Nach einem Klick in das Feld wird dieser markiert und kann in die Zwischenablage kopiert werden (z. B. [Strg-c] drücken)

Marker setzen

Marker-Werkzeug

Um eine bestimmte Position zu markieren, kannst du einen Marker setzen.

Solange das Permalink-Tool offen ist, kannst du durch einen Klick in die Karte eine Position markieren.
Je weiter du reinzoomst, desto genauer kannst du den Marker positionieren.
Anschliessend wieder rauszoomen um den gewünschten Kartenausschnitt zu wählen.
Jeder weitere Klick setzt den Marker neu.

Der Link wird im dem URL-Feld nach jeder Änderung automatisch angepasst.

mlat und mlon bestimmt die Position des Markers,
lat und lon bestimmt den Kartenmittelpunkt (kann auch weggelassen werden).

Permalink ohne Marker

Um einen Permalink ohne Marker zu erhalten verzichtest du einfach auf den Klick in die Karte.
Falls bereits ein Marker gesetzt wurde, kann dieser nicht gelöscht werden. Beginne einfach nochmal von vorne.

Text hinzufügen

Du kannst einen Text hinzufügen, der beim Marker in einer Sprechblase angezeigt wird.

Schreibe dazu im Werkzeug "Permalink" in das Textfenster den anzuzeigenden Text.
Erlaubt sind Buchstaben und Zahlen (incl. Umlaute, Leerzeichen und Sonderzeichen).

Nicht erlaubt ist HTML-Code.

Ausnahme:
Was Code
Fett   <b>Fett</b>  
Zeilenumbruch   <Return>

Der Link wird im dem URL-Feld nach jeder Änderung automatisch angepasst.

Kartenausschnitt bestimmen

Schiebe und zoome die Karte solange bis du den gewünschten Ausschnitt siehst.

Der Link wird im dem URL-Textbereich nach jeder Änderung automatisch angepasst.

Layer auswählen

Die Layer können beliebig ausgewählt und zusammengestellt werden.

Der Link wird im dem URL-Feld nach jeder Änderung automatisch angepasst.


Für Programmierer

Mit einer String-Funktion kann man die URL auch mit Variablen zusammenbauen.

Bedeutung der Parameter in der URL
Parameter Bedeutung Bemerkungen
z Zoomlevel z=3..18
lat, lon Karten-Mittelpunkt 4 Nachkommastellen = 10m [1]
mlat, mlon Marker-Position 5 Nachkommastellen = 1m
mtext PopUp-Text auch mehrzeilig
layers angezeigte Layer 23 Positionen, T=sichtbar, F= unsichtbar
Markup für Popup-Text
Markup Bedeutung Bemerkungen
%20 Leerzeichen
%3Cb%3E fett, Anfang Button (statt HTML)
%3C%2Fb%3E fett, Ende dito
%0A <return> neue Zeile 0=null
klickbare URL funktioniert noch nicht
23 Stellen für Layer
fett: Standard-Layer

(noch ungeprüft... es fehlen: Häfen, Wikipedia Bilder, )

Layers-Pos Bedeutung Bemerkungen
1 Basiskarte 0
2 Marker
3 Seezeichen
4 Sport (Kayak, Tauchen)
5 war: GEBCO Schattierung
6 Meeresprofil GEBCO Tiefenlinien
7 Pois
8 Download KAP, MBTiles, AT5
9 Törnplaner
10 Koordinatengitter
11 Wikipedia
12 Luftbild Bing
13 AIS
14 war: SatPro
15 war: Desaster
16 Pegel
17 Permalink
18 Wassertiefen 100m
19
20
21 Wassertiefen 10m
22 Tiefenlinien (beta)
23

OpenSeaMap in Website

HowTo: OpenSeaMap in Website einbinden

Abgerufen von „https://wiki.openseamap.org/index.php?title=h:De:Marker_in_URL&oldid=397633“