237
Bearbeitungen
Änderungen
Lageplan Test
{{#if: {{{map|}}} | {{{!}} border="0" cellspacing="0" cellpadding="0" style="margin:0 0 0 0; border-style:none; border-width:0px; border-collapse:collapse; empty-cells:show"
{{!}}{{#ifexpr: {{#expr: ({{{pos_x|-1}}} >= 0) and ({{{pos_x|0}}} <= 100) and ({{{pos_y|-1}}} >= 0) and ({{{pos_y|0}}} <=100) }}
|
<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>
}}
{{!}}} }}<noinclude>
== 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 ==
<pre>
{{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 -->>
}}
</pre>
==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.
* reddot.svg [[Bild:reddot.svg|10px]]
* X mark.svg [[Bild:X mark.svg|10px]]
* Fadenkreuz.svg [[Bild:Fadenkreuz.svg|10px]]
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 ==
{{Lageplan
|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
}}
'''Syntax:'''
<pre>
{{Lageplan
|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
}}
</pre>
</noinclude>
{{!}}{{#ifexpr: {{#expr: ({{{pos_x|-1}}} >= 0) and ({{{pos_x|0}}} <= 100) and ({{{pos_y|-1}}} >= 0) and ({{{pos_y|0}}} <=100) }}
|
<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>
}}
{{!}}} }}<noinclude>
== 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 ==
<pre>
{{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 -->>
}}
</pre>
==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.
* reddot.svg [[Bild:reddot.svg|10px]]
* X mark.svg [[Bild:X mark.svg|10px]]
* Fadenkreuz.svg [[Bild:Fadenkreuz.svg|10px]]
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 ==
{{Lageplan
|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
}}
'''Syntax:'''
<pre>
{{Lageplan
|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
}}
</pre>
</noinclude>
