Vorlage:Landkarte: Unterschied zwischen den Versionen
K |
|||
| (Eine dazwischenliegende Version von einem anderen Benutzer wird nicht angezeigt) | |||
| Zeile 2: | Zeile 2: | ||
{{!}}{{#ifexpr: {{#expr: ({{{pos_x|-1}}} >= 0) and ({{{pos_x|0}}} <= 100) and ({{{pos_y|-1}}} >= 0) and ({{{pos_y|0}}} <=100) }} | {{!}}{{#ifexpr: {{#expr: ({{{pos_x|-1}}} >= 0) and ({{{pos_x|0}}} <= 100) and ({{{pos_y|-1}}} >= 0) and ({{{pos_y|0}}} <=100) }} | ||
| | | | ||
| − | <div style="font-size: {{{markersize|5}}}px; line-height: {{{markersize|5}}}px; position: absolute; display: block; left:{{#expr: ({{{mapsize_x|140}}}*{{{pos_x|3}}}/100 - {{{markersize|5}}} /2 ) round 0 }}px; top:{{#expr: ({{{mapsize_y|175}}}*{{{pos_y|3}}}/100 - {{{markersize|5}}} /2 ) round 0 }}px; padding:0;">[[Bild:{{{marker|Reddot.svg}}}|{{{markersize|5}}}px|{{{markertext|}}}]]</div>[[Bild:{{{map|Karte Deutschland.png}}}|{{{mapsize_x|140}}}x{{{mapsize_y|175}}}px|{{{maptext|}}}]] | + | <div style="position: relative;"><div style="font-size: {{{markersize|5}}}px; line-height: {{{markersize|5}}}px; position: absolute; display: block; left:{{#expr: ({{{mapsize_x|140}}}*{{{pos_x|3}}}/100 - {{{markersize|5}}} /2 ) round 0 }}px; top:{{#expr: ({{{mapsize_y|175}}}*{{{pos_y|3}}}/100 - {{{markersize|5}}} /2 ) round 0 }}px; padding:0;">[[Bild:{{{marker|Reddot.svg}}}|{{{markersize|5}}}px|{{{markertext|}}}]]</div>[[Bild:{{{map|Karte Deutschland.png}}}|{{{mapsize_x|140}}}x{{{mapsize_y|175}}}px|{{{maptext|}}}]]</div> |
| | | | ||
<span style="color:#ff0000">{{{warning|Fehler}}}</span> | <span style="color:#ff0000">{{{warning|Fehler}}}</span> | ||
| Zeile 10: | Zeile 10: | ||
Anzeigen eines Lageplans mit frei wählbarer Karte, Marker, Größe und ''relativer'' Positionierung. | Anzeigen eines Lageplans mit frei wählbarer Karte, Marker, Größe und ''relativer'' Positionierung. | ||
| − | (Achtung: Vor allem der | + | (Achtung: Vor allem der Internet Explorer reagiert äußerst sensibel auf kleine, vielleicht unscheinbare Änderungen des Quelltextes. Bitte nach dem Bearbeiten unbedingt auch im Internet Explorer testen, da es nach wie vor Benutzer gibt, die ihn einsetzen.) |
== Syntax == | == Syntax == | ||
Aktuelle Version vom 3. April 2015, 22:03 Uhr
Inhaltsverzeichnis
Zweck
Anzeigen eines Lageplans mit frei wählbarer Karte, Marker, Größe und relativer Positionierung.
(Achtung: Vor allem der Internet Explorer reagiert äußerst sensibel auf kleine, vielleicht unscheinbare Änderungen des Quelltextes. Bitte nach dem Bearbeiten unbedingt auch im Internet Explorer testen, da es nach wie vor Benutzer gibt, die ihn einsetzen.)
Syntax
{{Lageplan
|marker = <!-- Symbol zur Markierung, möglichst SVG, z. B. reddot.svg -->
|markersize = <!-- Größe der Markierung ( < mapsize/3) -->
|markertext = <!-- Beschriftung -->
|pos_x = <!-- relative x-Position (0-100)-->
|pos_y = <!-- relative y-Position (0-100)-->
|map = <!-- Name der Karte -->
|mapsize_x = <!-- Größe der Karte in x-Richtung -->
|mapsize_y = <!-- Größe der Karte in y-Richtung -->
|maptext = <!-- Beschriftung der Karte -->
|warning = <!-- Out of range Meldung -->>
}}
Anleitung
Einfach die obige Syntax in die Seite einfügen, und die eckigen Klammern mit Inhalt durch die jeweiligen Werte ersetzen. Die einzelnen Variablen werden im folgenden erklärt:
|marker
Symbol zur Markierung, möglichst SVG, z. B.
Dies muss ohne den Anfang "Bild:" geschehen!!!
|markersize
Größe der Markierung in Pixel der Oberkante. Sie ist fast frei wählbar. Einzige Einschränkung: < mapsize/3
Im Beispiel unten ist sie 10
|markertext
Beschriftung wenn man mit der Maus auf die Markierung geht (Mouseover)
Im Beispiel: "Dies ist ein Kreuz"
|pos_x
Die x Position (horizontale) der Markierung in Prozent von "|mapsize_x"
0 bedeutet am linken Rand. je höher die Zahl, desto weiter rechts ist die Markierung
Im Beispiel "25"
|pos_y
Die y Position (vertikale) der Markierung in Prozent von "|mapsize_y"
0 bedeutet am oberen Rand. je höher die Zahl, desto weiter unten ist die Markierung
Im Beispiel "25"
|map
Die zur Grundlage benutzte Karte
Auch hier wieder ohne "Bild:"
Im Beispiel "Karte Deutschland.png"
|mapsize_x
Die Breite der Karte in Pixel
Im Beispiel "200"
|mapsize_y
Dieser Wert hat nicht unbedingt Einfluss auf die Größe der Karte, wird aber für die Positionierung des Markers benötigt
Im Beispiel "300"
|maptext
Beschriftung wenn man mit der Maus über die Karte geht (Mouseover)
Im Beispiel: "Deutschland"
|warning
Out of range Meldung
Im Beispiel "hahaha"
Beispiel
  |
Syntax:
{{Landkarte
|marker = Reddot.png
|markersize = 10
|markertext = Dies ist ein Punkt
|pos_x = 25
|pos_y = 25
|map = Antamarwelt-klima-final.jpg
|mapsize_x = 276
|mapsize_y = 200
|maptext = Antamar
|warning = Fehler
}}
