Template
Collapsible Map
From Dogcraft Wiki
No edit summary |
No edit summary |
||
| (22 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
<templatestyles src="Template:Collapsible_Map/styles.css"/> | <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;"> | <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 class="mw-collapsible-content"> | ||
<div id="outer-map-container"> | <div id="outer-map-container"> | ||
{{#ifeq:{{{scale|0}}}|0|<div class="inner-map-container"> | |||
[https://dogcraft.net/map#{{lc:{{{world|sheltie}}}}}:{{{xCoord|0}}}:0:{{{zCoord|0}}}:250:0:0:0:0:perspective Click for full map] | [https://dogcraft.net/map#{{lc:{{{world|sheltie}}}}}:{{{xCoord|0}}}:0:{{{zCoord|0}}}:250:0:0:0:0:perspective Click for full map] | ||
{{#if:{{{overlay|}}}|<div class="map-overlay-container">{{{overlay|}}}</div>}} | |||
https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500)}}/z{{#expr: floor({{{zCoord|0}}} / 500)}}.png | 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=" | <div id="marker-wrapper" style=" | ||
| Line 18: | Line 20: | ||
| {{#expr: ({{{zCoord|0}}} mod 500) / 5.01}}}}% - 70px); | | {{#expr: ({{{zCoord|0}}} mod 500) / 5.01}}}}% - 70px); | ||
> | > | ||
<i class="fa-solid fa-location-dot"></i> | <i class="fa-solid fa-location-dot"></i> | ||
</div>}} | |||
{{#ifeq:{{{scale|0}}}|1|<div class="map-grid-container"> | |||
[https://dogcraft.net/map#{{lc:{{{world|sheltie}}}}}:{{{xCoord|0}}}:0:{{{zCoord|0}}}:250:0:0:0:0:perspective Click for full map] | |||
{{#if:{{{overlay|}}}|<div class="map-overlay-container">{{{overlay|}}}</div>}} | |||
<div class="map-grid-child" id="map-1-1">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500) - 1}}/z{{#expr: floor({{{zCoord|0}}} / 500) - 1}}.png</div> | |||
<div class="map-grid-child" id="map-1-2">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500)}}/z{{#expr: floor({{{zCoord|0}}} / 500) - 1}}.png</div> | |||
<div class="map-grid-child" id="map-1-3">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500) + 1}}/z{{#expr: floor({{{zCoord|0}}} / 500) - 1}}.png</div> | |||
<div class="map-grid-child" id="map-2-1">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500) - 1}}/z{{#expr: floor({{{zCoord|0}}} / 500)}}.png</div> | |||
<div class="inner-map-container map-grid-child" id="map-2-2">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> | |||
<div class="map-grid-child" id="map-2-3">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500) + 1}}/z{{#expr: floor({{{zCoord|0}}} / 500)}}.png</div> | |||
<div class="map-grid-child map-grid-bottom-left" id="map-3-1">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500) - 1}}/z{{#expr: floor({{{zCoord|0}}} / 500) + 1}}.png</div> | |||
<div class="map-grid-child" id="map-3-2">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500)}}/z{{#expr: floor({{{zCoord|0}}} / 500) + 1}}.png</div> | |||
<div class="map-grid-child map-grid-bottom-right" id="map-3-3">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500) + 1}}/z{{#expr: floor({{{zCoord|0}}} / 500) + 1}}.png</div> | |||
</div>}} | |||
</div> | </div> | ||
{{#ifeq:{{{showCoords|}}}|true|<p id="coord-text">X:{{{xCoord|0}}}, Z:{{{zCoord|0}}} on {{ucfirst:{{{world|sheltie}}}}}</p>}} | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</includeonly> | </includeonly> | ||
<noinclude> | <noinclude> | ||
{{Collapsible Map | {{Collapsible Map | ||
|name | |name = East Station (Scale 1) | ||
|world | |world = sheltie | ||
|xCoord | |xCoord = 1434 | ||
|zCoord | |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 0) | |||
|world = sheltie | |||
|xCoord = 1434 | |||
|zCoord = -294 | |||
|showCoords = true | |||
|scale = 0 | |||
|width = 50% | |||
|overlay = <div style="color: white;"><br/>Test overlay</div> | |||
}} | }} | ||
<templatedata> | <templatedata> | ||
{ | { | ||
| Line 39: | Line 90: | ||
"name": { | "name": { | ||
"type": "string", | "type": "string", | ||
"default": " | "default": "Map", | ||
"description": "Name of the location. Used only in the heading" | "description": "Name of the location. Used only in the heading" | ||
}, | }, | ||
| Line 61: | Line 112: | ||
"default": "false", | "default": "false", | ||
"description": "If true, the map is collapsed by default, otherwise it is expanded by default" | "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" | |||
}, | |||
"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 69: | Line 139: | ||
"xCoord", | "xCoord", | ||
"zCoord", | "zCoord", | ||
"collapsed" | "collapsed", | ||
"showCoords", | |||
"scale", | |||
"width", | |||
"overlay" | |||
] | ] | ||
} | } | ||
</templatedata> | </templatedata> | ||
</noinclude> | </noinclude> | ||
Latest revision as of 13:19, 27 March 2024
East Station (Scale 1)
X:1434, Z:-294 on Sheltie
East Station (Scale 0)
X:1434, Z:-294 on Sheltie
East Station (Scale 0)
X:1434, Z:-294 on Sheltie
Map Location, shows a part of the map with the given location marked on it
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| name | name | Name of the location. Used only in the heading
| String | optional |
| world | world | The world the location is on. This needs to match the world name used on the dynmap!
| String | optional |
| xCoord | xCoord | The x coordinate of the location
| Number | optional |
| zCoord | zCoord | The z coordinate of the location
| Number | optional |
| collapsed | collapsed | If true, the map is collapsed by default, otherwise it is expanded by default
| Boolean | optional |
| showCoords | showCoords | If true, will display the coordinates and world below the map
| Boolean | optional |
| scale | scale | The scale of the map. 0 - 500x500 block map, 1 - 1500x1500 map
| 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.
| 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 |
