Template:Interactive map
From FHX Wiki
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":6,"mappingservice":"leaflet","width":"auto","height":"350px","centre":{"text":"","title":"","link":"","lat":10,"lon":10,"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":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":12.72,"lon":25.15,"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}