Collapsible Map

Latest revision as of 20:52, 29 October 2024

Click for full map

X:1434, Z:-294 on Sheltie

Click for full map

X:1434, Z:-294 on Sheltie

Click for full map

Test overlay

X:1434, Z:-294 on Sheltie

Click for full map

X:1434, Z:-294 on Sheltie

Map Location, shows a part of the map with the given location marked on it

Template parameters
Parameter		Description	Type	Status
name	`name`	Name of the location. Used only in the heading Default Map	String	optional
world	`world`	The world the location is on. This needs to match the world name used on the dynmap! Default sheltie	String	optional
xCoord	`xCoord`	The x coordinate of the location Default 0	Number	optional
zCoord	`zCoord`	The z coordinate of the location Default 0	Number	optional
collapsed	`collapsed`	If true, the map is collapsed by default, otherwise it is expanded by default Default false	Boolean	optional
showCoords	`showCoords`	If true, will display the coordinates and world below the map Default false	Boolean	optional
scale	`scale`	The scale of the map. 0 - 500x500 block map, 1 - 1500x1500 map, 2 - 2500x2500 map, 3 - 3500x3500 map, etc Default 0	Number	optional
width	`width`	The max width of the map on a wiki page. This is a CSS value. To make the map cover the entire width of the page, set this to '100%'. The map is always square and the height will automatically adjust to be equal to the width. Default 500px	String	optional
overlay	`overlay`	Optional html overlay, which will be placed in a container div which is absolutely positioned and can overlay the map.	String	optional

@@ Line 2: / Line 2: @@
 <templatestyles src="Template:Collapsible_Map/styles.css"/>
-<div id="collapsible-container" class="toccolours mw-collapsible {{#ifeq:{{{collapsed|}}}|true|mw-collapsed}}">
+<div id="collapsible-container" class="toccolours mw-collapsible {{#ifeq:{{{collapsed|}}}|true|mw-collapsed}}" {{#if:{{{width|}}}|style="max-width: {{{width|}}};"}}>
-  <div style="text-align: center;">{{fa|location-dot}} {{{name|Location}}} on {{ucfirst:{{{world|sheltie}}}}}</div>
+  <div id="collapsible-container-header" style="text-align: center;"><i class="fa-solid fa-chevron-down" style="color: inherit;"></i><i class="fa-solid fa-chevron-up" style="color: inherit;"></i> {{{name|Map}}}</div>
   <div class="mw-collapsible-content">
-  <div id="outer-map-container">
+    {{#invoke:ServerMap|Map|world={{{world|sheltie}}}|xCoord={{{xCoord|0}}}|zCoord={{{zCoord|0}}}|scale={{{scale|0}}}|overlay={{{overlay|}}}}}
-    [https://dogcraft.net/map#{{lc:{{{world|sheltie}}}}}:{{{xCoord|0}}}:0:{{{zCoord|0}}}:250:0:0:0:0:perspective Click for full map]
+   {{#ifeq:{{{showCoords|}}}|true|<p id="coord-text">X:{{{xCoord|0}}}, Z:{{{zCoord|0}}} on {{ucfirst:{{{world|sheltie}}}}}</p>}}
-   https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500)}}/z{{#expr: floor({{{zCoord|0}}} / 500)}}.png
-   <div id="marker-wrapper" style="
-left: calc(
-{{#ifexpr: {{#expr: {{{xCoord|0}}} mod 500}} < 0
-| {{#expr: (500 + ({{{xCoord|0}}} mod 500)) / 5.01}}
-| {{#expr: ({{{xCoord|0}}} mod 500) / 5.01}}}}% - 30px);
-top: calc(
-{{#ifexpr: {{#expr: {{{zCoord|0}}} mod 500}} < 0
-| {{#expr: (500 + ({{{zCoord|0}}} mod 500)) / 5.01}}
-| {{#expr: ({{{zCoord|0}}} mod 500) / 5.01}}}}% - 70px);
->
-    <i class="fa-solid fa-location-dot"></i>
-   </div>
-  </div>
-  <p id="coord-text">X:{{{xCoord|0}}}, Z:{{{zCoord|0}}} on {{ucfirst:{{{world|sheltie}}}}}</p>
   </div>
 </div>
@@ Line 27: / Line 12: @@
 <noinclude>
 {{Collapsible Map
-|name    = East Station
+|name       = East Station (Scale 1)
-|world   = sheltie
+|world      = sheltie
-|xCoord  = 1434
+|xCoord     = 1434
-|zCoord  = -294
+|zCoord     = -294
+|showCoords = true
+|scale      = 1
 }}
+{{Collapsible Map
+|name       = East Station (Scale 0)
+|world      = sheltie
+|xCoord     = 1434
+|zCoord     = -294
+|showCoords = true
+|scale      = 0
+|width      = 50%
+}}
+{{Collapsible Map
+|name       = East Station (Scale 2)
+|world      = sheltie
+|xCoord     = 1434
+|zCoord     = -294
+|showCoords = true
+|scale      = 2
+|width      = 50%
+|overlay    = <div style="color: white;"><br/>Test overlay</div>
+}}
+{{Collapsible Map
+|name       = East Station (Scale 3)
+|world      = sheltie
+|xCoord     = 1434
+|zCoord     = -294
+|showCoords = true
+|scale      = 3
+|width      = 50%
+}}
+<templatedata>
+{
+	"params": {
+        "name": {
+            "type": "string",
+            "default": "Map",
+            "description": "Name of the location. Used only in the heading"
+        },
+		"world": {
+			"default": "sheltie",
+            "type": "string",
+            "description": "The world the location is on. This needs to match the world name used on the dynmap!"
+		},
+        "xCoord": {
+            "type": "number",
+            "default": "0",
+            "description": "The x coordinate of the location"
+        },
+        "zCoord": {
+            "type": "number",
+            "default": "0",
+            "description": "The z coordinate of the location"
+        },
+        "collapsed": {
+            "type": "boolean",
+            "default": "false",
+            "description": "If true, the map is collapsed by default, otherwise it is expanded by default"
+        },
+        "showCoords": {
+            "type": "boolean",
+            "default": "false",
+            "description": "If true, will display the coordinates and world below the map"
+        },
+        "scale": {
+            "type": "number",
+            "default": "0",
+            "description": "The scale of the map. 0 - 500x500 block map, 1 - 1500x1500 map, 2 - 2500x2500 map, 3 - 3500x3500 map, etc"
+        },
+        "width": {
+            "type": "string",
+            "default": "500px",
+            "description": "The max width of the map on a wiki page. This is a CSS value. To make the map cover the entire width of the page, set this to '100%'. The map is always square and the height will automatically adjust to be equal to the width."
+        },
+        "overlay": {
+            "type": "string",
+            "description": "Optional html overlay, which will be placed in a container div which is absolutely positioned and can overlay the map."
+        }
+    },
+	"description": "Map Location, shows a part of the map with the given location marked on it",
+	"paramOrder": [
+        "name",
+		"world",
+        "xCoord",
+        "zCoord",
+        "collapsed",
+        "showCoords",
+        "scale",
+        "width",
+        "overlay"
+	]
+}
+</templatedata>
 </noinclude>