Jump to content

Template:Map Overlay: Difference between revisions

From ZenithXI
zenithxi>Darvamos
No edit summary
 
m 1 revision imported
 
(No difference)

Latest revision as of 15:31, 2 April 2025

Usage

{{Map Overlay
| pos = 
| offset x = 
| offset y = 
| layer = 
| contents = 
| style = 
}}

Used to display an overlay over a map, such as a marker or highlighted zone. Best used with Template:Map.

  • pos: The position within the map, such as H-6 or B-5.
  • offset x: An offset to correct the x positioning of the overlay.
  • offset y: An offset to correct the y positioning of the overlay.
  • layer: The layer to display the overlay at. Overlays with higher numbers will appear on top.
  • contents: The content of the overlay, such as an image or some text. Can be left blank.
  • style: Any additional styling to add to the overlay, such as height, width, or background color.

Examples

Code Result
{{Map
|image=Sea_Serpent_Grotto-map3.jpg
|zone=Sea Serpent Grotto
|overlay=
{{Map Overlay
|pos=F-10
|offset x=-5
|offset y=5
|contents=[[File:Red.png|10px|link=Treasure Coffer]]
}}
{{Map Overlay
|pos=J-11
|offset x=10
|offset y=4
|contents=[[File:Blue.png|10px|link=Treasure Coffer]]
}}
{{Map Overlay
|pos=J-13
|offset x=10
|offset y=4
|contents=[[File:Grellow.png|10px|link=Treasure Coffer]]
}}
}}

<div style="position:absolute; left:12px; top:Expression error: Unrecognized punctuation character "{".px; z-index:15; ">
<div style="position:absolute; left:27px; top:Expression error: Unrecognized punctuation character "{".px; z-index:15; "> <div style="position:absolute; left:27px; top:Expression error: Unrecognized punctuation character "{".px; z-index:15; ">
{{Map
|image=Ceizak_Battlegrounds_Map.png
|zone=Ceizak Battlegrounds
|overlay= 
{{Map Overlay
|pos=E-8
|offset x=2
|offset y=-10
|style= background: #CCCCCC; opacity: 0.4; width: 50px; height: 40px; border-radius: 40px;
}}
{{Map Overlay
|pos=E-8
|offset x=-20
|contents=<small>Tizona</small>
}}
}}

<div style="position:absolute; left:19px; top:Expression error: Unrecognized punctuation character "{".px; z-index:15; background:#CCCCCC; opacity: 0.4; width: 50px; height: 40px; border-radius: 40px;">
<div style="position:absolute; left:-3px; top:Expression error: Unrecognized punctuation character "{".px; z-index:15; ">Tizona