Template:Interactive map

Warning:

This page is in draft.

Description

This is the Interactive map template. It should be transcluded in the following format:

{{Interactive map
|map=
|N=
|E=
|name=
|description=
}}

Parameters

map

Required. Map to display.

N

Required. In-game N coordinate (N from world map, or y from /location).

E

Required. In-game E coordinate (E from world map, or x from /location).

name

Optional. Marker title.

description

Optional. Marker description.

Example

{{interactive map|map=V1|N=3289|E=3502|name=Cave Troll|description=Cave Troll, level 40, NE V1 near North Gate}}

Loading map...

{"minzoom":4,"maxzoom":6,"mappingservice":"leaflet","width":"auto","height":"350px","centre":{"text":"","title":"","link":"","lat":80.452851,"lon":82.425018,"icon":""},"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ECave Troll\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ECave Troll, level 40, NE V1 near North Gate\n\u003C/p\u003E\u003C/div\u003E","title":"Cave Troll\n","link":"","strokeColor":"red","strokeOpacity":"0.5","strokeWeight":"3","fillColor":"yellow","fillOpacity":"0.25","centre":{"lon":82.425018,"lat":80.452851},"radius":1}],"rectangles":[],"copycoords":false,"static":false,"zoom":5,"defzoom":14,"layers":["OpenStreetMap"],"image layers":["V1 detailed map.png"],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[{"name":"V1 detailed map.png","url":"/images/f/fe/V1_detailed_map.png","width":100,"height":100}],"locations":[{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ECenter\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ETest\n\u003C/p\u003E\u003C/div\u003E","title":"Center\n","link":"","lat":50,"lon":50,"icon":"/images/d/d7/Minimap-quest.gif"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ENorth Gate\n\u003C/p\u003E\u003C/div\u003E","title":"North Gate\n","link":"","lat":83.4,"lon":74.5,"icon":"/images/e/e1/Minimap-portal.gif"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ERog (V1)\n\u003C/p\u003E\u003C/div\u003E","title":"Rog (V1)\n","link":"","lat":60.5,"lon":46.8,"icon":"/images/f/f1/Minimap-etc.gif"}],"imageoverlays":null}

Map: V1

Marker Name: Cave Troll

Wikimap Coordinates: 80.452851, 82.425018

Description: Cave Troll, level 40, NE V1 near North Gate

{{interactive map|map=V3|N=15|E=18|name=Test|description=}}

Loading map...

{"minzoom":4,"maxzoom":6,"mappingservice":"leaflet","width":"auto","height":"350px","centre":{"text":"","title":"","link":"","lat":15,"lon":18,"icon":""},"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ETest\n\u003C/p\u003E\u003C/div\u003E","title":"Test\n","link":"","strokeColor":"red","strokeOpacity":"0.5","strokeWeight":"3","fillColor":"yellow","fillOpacity":"0.25","centre":{"lon":18,"lat":15},"radius":1}],"rectangles":[],"copycoords":false,"static":false,"zoom":5,"defzoom":14,"layers":["OpenStreetMap"],"image layers":["V3 detailed map.png"],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[{"name":"V3 detailed map.png","url":"/images/d/db/V3_detailed_map.png","width":100,"height":96.66666666666667}],"locations":[{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EPortal to Silent Woods\n\u003C/p\u003E\u003C/div\u003E","title":"Portal to Silent Woods\n","link":"","lat":16.8,"lon":16.3,"icon":"/images/e/e1/Minimap-portal.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ERog Imperial City\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Rog_Imperial_City_(V3)\" title=\"Rog Imperial City (V3)\"\u003ERog Imperial City\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Rog Imperial City\n","link":"","lat":11.75,"lon":19.57,"icon":"/images/f/f1/Minimap-etc.gif"}],"imageoverlays":null}

Map: V3

Marker Name: Test

Wikimap Coordinates: 50.138885, 50.166662

Description:

TODO

• Add {{#if:}} condition to N/E parameters to make them required, and return a default/error marker if missing.
  • Do the same with map parameter.
• Add condition to name parameter to default to {{PAGENAME}} if not included.

Sandbox

Loading map...

{"minzoom":2,"maxzoom":6,"mappingservice":"leaflet","width":"auto","height":"350px","centre":{"text":"","title":"","link":"","lat":80.45614,"lon":82.42852,"icon":""},"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ETest\n\u003C/p\u003E\u003C/div\u003E","title":"Test\n","link":"","strokeColor":"red","strokeOpacity":"0.5","strokeWeight":"3","fillColor":"yellow","fillOpacity":"0.25","centre":{"lon":82.42852,"lat":80.45614},"radius":1}],"rectangles":[],"copycoords":false,"static":false,"zoom":5,"defzoom":14,"layers":["OpenStreetMap"],"image layers":["V1 detailed map.png","Depthless Orifice map.png"],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[{"name":"V1 detailed map.png","url":"/images/f/fe/V1_detailed_map.png","width":100,"height":100},{"name":"Depthless Orifice map.png","url":"/images/5/53/Depthless_Orifice_map.png","width":100,"height":100}],"locations":[{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ECenter\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ETest\n\u003C/p\u003E\u003C/div\u003E","title":"Center\n","link":"","lat":50,"lon":50,"icon":"/images/d/d7/Minimap-quest.gif"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ENorth Gate\n\u003C/p\u003E\u003C/div\u003E","title":"North Gate\n","link":"","lat":83.4,"lon":74.5,"icon":"/images/e/e1/Minimap-portal.gif"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ERog (V1)\n\u003C/p\u003E\u003C/div\u003E","title":"Rog (V1)\n","link":"","lat":60.5,"lon":46.8,"icon":"/images/f/f1/Minimap-etc.gif"}],"imageoverlays":null}

Loading map...

{"minzoom":2,"maxzoom":10,"mappingservice":"leaflet","width":"auto","height":"350px","centre":{"text":"","title":"","link":"","lat":15,"lon":15,"icon":""},"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ETest\n\u003C/p\u003E\u003C/div\u003E","title":"Test\n","link":"","strokeColor":"red","strokeOpacity":"0.5","strokeWeight":"3","fillColor":"yellow","fillOpacity":"0.25","centre":{"lon":25.15,"lat":12.72},"radius":1}],"rectangles":[],"copycoords":false,"static":false,"zoom":5,"defzoom":14,"layers":["OpenStreetMap"],"image layers":["V3 detailed map.png"],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[{"name":"V3 detailed map.png","url":"/images/d/db/V3_detailed_map.png","width":100,"height":96.66666666666667}],"locations":[{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EPortal to Silent Woods\n\u003C/p\u003E\u003C/div\u003E","title":"Portal to Silent Woods\n","link":"","lat":17.441811060877,"lon":20.377972470904,"icon":"/images/e/e1/Minimap-portal.gif"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EBindstone\n\u003C/p\u003E\u003C/div\u003E","title":"Bindstone\n","link":"","lat":18.060292954342,"lon":20.91182,"icon":"Minimap-bindstone.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ERog Imperial City\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Rog_Imperial_City_(V3)\" title=\"Rog Imperial City (V3)\"\u003ERog Imperial City\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Rog Imperial City\n","link":"","lat":15.221786580125,"lon":21.810246329454,"icon":"/images/f/f1/Minimap-etc.gif"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EBottom left\n\u003C/p\u003E\u003C/div\u003E","title":"Bottom left\n","link":"","lat":0,"lon":0,"icon":"/images/d/d7/Minimap-quest.gif"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EBottom left\n\u003C/p\u003E\u003C/div\u003E","title":"Bottom left\n","link":"","lat":7.7,"lon":7.7,"icon":"/images/d/d7/Minimap-quest.gif"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ECenter\n\u003C/p\u003E\u003C/div\u003E","title":"Center\n","link":"","lat":50,"lon":50,"icon":"/images/d/d7/Minimap-quest.gif"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ETop right\n\u003C/p\u003E\u003C/div\u003E","title":"Top right\n","link":"","lat":100,"lon":100,"icon":"/images/d/d7/Minimap-quest.gif"}],"imageoverlays":null}