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 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|Location}}}</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]
-   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>
     {{#ifeq:{{{showCoords|}}}|true|<p id="coord-text">X:{{{xCoord|0}}}, Z:{{{zCoord|0}}} on {{ucfirst:{{{world|sheltie}}}}}</p>}}
-  </div>
   </div>
 </div>
@@ Line 27: / Line 12: @@
 <noinclude>
 {{Collapsible Map
-|name       = East Station
+|name       = East Station (Scale 1)
 |world      = sheltie
 |xCoord     = 1434
 |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%
 }}
@@ Line 39: / Line 56: @@
          "name": {
              "type": "string",
-             "default": "Location",
+             "default": "Map",
              "description": "Name of the location. Used only in the heading"
          },
@@ Line 66: / Line 83: @@
              "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."
          }
      },
@@ Line 75: / Line 106: @@
          "zCoord",
          "collapsed",
-         "showCoords"
+         "showCoords",
+        "scale",
+        "width",
+        "overlay"
 	]
 }
 </templatedata>
 </noinclude>