Template

Collapsible Map

From Dogcraft Wiki

(added scale 2 support)
(change from all template to using the new ServerMap Module - this allows for arbitrary scale values.)
 
(3 intermediate revisions by the same user not shown)
Line 5: Line 5:
  <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 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">
   {{#invoke:ServerMap|Map|world={{{world|sheltie}}}|xCoord={{{xCoord|0}}}|zCoord={{{zCoord|0}}}|scale={{{scale|0}}}|overlay={{{overlay|}}}}}
   {{#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]
  {{#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
  <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:{{{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>}}
    {{#ifeq:{{{scale|0}}}|2|<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) - 2}}/z{{#expr: floor({{{zCoord|0}}} / 500) - 2}}.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) - 1}}/z{{#expr: floor({{{zCoord|0}}} / 500) - 2}}.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)}}/z{{#expr: floor({{{zCoord|0}}} / 500) - 2}}.png</div>
      <div class="map-grid-child" id="map-1-4">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500) + 1}}/z{{#expr: floor({{{zCoord|0}}} / 500) - 2}}.png</div>
      <div class="map-grid-child" id="map-1-5">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500) + 2}}/z{{#expr: floor({{{zCoord|0}}} / 500) - 2}}.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) - 2}}/z{{#expr: floor({{{zCoord|0}}} / 500) - 1}}.png</div>
      <div class="map-grid-child" id="map-2-2">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-3">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-2-4">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-5">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500) + 2}}/z{{#expr: floor({{{zCoord|0}}} / 500) - 1}}.png</div>
      <div class="map-grid-child" id="map-3-1">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500) - 2}}/z{{#expr: floor({{{zCoord|0}}} / 500)}}.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) - 1}}/z{{#expr: floor({{{zCoord|0}}} / 500)}}.png</div>
      <div class="inner-map-container map-grid-child" id="map-3-3">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-3-4">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" id="map-3-5">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500) + 2}}/z{{#expr: floor({{{zCoord|0}}} / 500)}}.png</div>
      <div class="map-grid-child" id="map-4-1">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500) - 2}}/z{{#expr: floor({{{zCoord|0}}} / 500) + 1}}.png</div>
      <div class="map-grid-child" id="map-4-2">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-4-3">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-4-4">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-4-5">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500) + 2}}/z{{#expr: floor({{{zCoord|0}}} / 500) + 1}}.png</div>
      <div class="map-grid-child map-grid-bottom-left" id="map-5-1">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500) - 2}}/z{{#expr: floor({{{zCoord|0}}} / 500) + 2}}.png</div>
      <div class="map-grid-child" id="map-5-2">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500) - 1}}/z{{#expr: floor({{{zCoord|0}}} / 500) + 2}}.png</div>
      <div class="map-grid-child" id="map-5-3">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500)}}/z{{#expr: floor({{{zCoord|0}}} / 500) + 2}}.png</div>
      <div class="map-grid-child" id="map-5-4">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500) + 1}}/z{{#expr: floor({{{zCoord|0}}} / 500) + 2}}.png</div>
      <div class="map-grid-child map-grid-bottom-right" id="map-5-5">https://map.dogcraft.net/maps/{{lc:{{{world|sheltie}}}}}/tiles/1/x{{#expr: floor({{{xCoord|0}}} / 500) + 2}}/z{{#expr: floor({{{zCoord|0}}} / 500) + 2}}.png</div>
    </div>}}
  </div>
   {{#ifeq:{{{showCoords|}}}|true|<p id="coord-text">X:{{{xCoord|0}}}, Z:{{{zCoord|0}}} on {{ucfirst:{{{world|sheltie}}}}}</p>}}
   {{#ifeq:{{{showCoords|}}}|true|<p id="coord-text">X:{{{xCoord|0}}}, Z:{{{zCoord|0}}} on {{ucfirst:{{{world|sheltie}}}}}</p>}}
  </div>
  </div>
  </div>
</div>
</div>
Line 125: Line 39:
|width      = 50%
|width      = 50%
|overlay    = <div style="color: white;"><br/>Test overlay</div>
|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 163: Line 87:
             "type": "number",
             "type": "number",
             "default": "0",
             "default": "0",
             "description": "The scale of the map. 0 - 500x500 block map, 1 - 1500x1500 map, 2 - 2500x2500 map"
             "description": "The scale of the map. 0 - 500x500 block map, 1 - 1500x1500 map, 2 - 2500x2500 map, 3 - 3500x3500 map, etc"
         },
         },
         "width": {
         "width": {

Latest revision as of 20:52, 29 October 2024


East Station (Scale 1)

X:1434, Z:-294 on Sheltie



East Station (Scale 0)

X:1434, Z:-294 on Sheltie



East Station (Scale 2)

Click for full map


Test overlay
z-3.png
z-3.png
z-3.png
z-3.png
z-3.png
z-2.png
z-2.png
z-2.png
z-2.png
z-2.png
z-1.png
z-1.png
z-1.png

z-1.png
z-1.png
z0.png
z0.png
z0.png
z0.png
z0.png
z1.png
z1.png
z1.png
z1.png
z1.png

X:1434, Z:-294 on Sheltie



East Station (Scale 3)

X:1434, Z:-294 on Sheltie


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

Template parameters

ParameterDescriptionTypeStatus
namename

Name of the location. Used only in the heading

Default
Map
Stringoptional
worldworld

The world the location is on. This needs to match the world name used on the dynmap!

Default
sheltie
Stringoptional
xCoordxCoord

The x coordinate of the location

Default
0
Numberoptional
zCoordzCoord

The z coordinate of the location

Default
0
Numberoptional
collapsedcollapsed

If true, the map is collapsed by default, otherwise it is expanded by default

Default
false
Booleanoptional
showCoordsshowCoords

If true, will display the coordinates and world below the map

Default
false
Booleanoptional
scalescale

The scale of the map. 0 - 500x500 block map, 1 - 1500x1500 map, 2 - 2500x2500 map, 3 - 3500x3500 map, etc

Default
0
Numberoptional
widthwidth

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
Stringoptional
overlayoverlay

Optional html overlay, which will be placed in a container div which is absolutely positioned and can overlay the map.

Stringoptional
Background SRN Opening by Montenator

© Copyright Dogcraft 2012 - 2024

• Dogcraft is not affiliated with or endorsed by Mojang or Microsoft •

Website by Owen Diffey

FAQs Punishments Rules Contact Terms and Privacy Policy Wiki Disclaimer