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. Options:
- Glorious Imperial Territory
- Idios
- Depthless Orifice
- Great Rebellion
- Snow Storm
- The Forest Of Abandoned
- The Valley Of Blood
- 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=Glorious Imperial Territory|N=1153|E=-376}}
map is work in progress
Loading map...
{"minzoom":3,"maxzoom":7,"mappingservice":"leaflet","width":"auto","height":"350px","centre":{"text":"","title":"","link":"","lat":60.675627,"lon":46.518616,"icon":""},"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EInteractive map\n\u003C/p\u003E\u003C/div\u003E","title":"Interactive map\n","link":"","strokeColor":"red","strokeOpacity":"0.35","strokeWeight":"50","fillColor":"white","fillOpacity":"0.1","centre":{"lon":46.518616,"lat":60.675627},"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":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/index.php?title=Rog_Imperial_City_(V1)\u0026amp;action=edit\u0026amp;redlink=1\" class=\"new\" title=\"Rog Imperial City (V1) (page does not exist)\"\u003ERog Imperial City\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Rog Imperial City\n","link":"","lat":60.675627,"lon":46.518616,"icon":"/images/3/36/Minimap-town.gif"}],"imageoverlays":null}
{{interactive map|map=Idios|N=-2275|E=-3640|name=Small Fog Wolf}}
map is work in progress
Loading map...
{"minzoom":4,"maxzoom":10,"mappingservice":"leaflet","width":"auto","height":"350px","centre":{"text":"","title":"","link":"","lat":35.18975,"lon":26.3036,"icon":""},"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ESmall Fog Wolf\n\u003C/p\u003E\u003C/div\u003E","title":"Small Fog Wolf\n","link":"","strokeColor":"red","strokeOpacity":"0.35","strokeWeight":"50","fillColor":"white","fillOpacity":"0.1","centre":{"lon":26.3036,"lat":35.18975},"radius":1}],"rectangles":[],"copycoords":false,"static":false,"zoom":6,"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\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.22358,"lon":21.8117,"icon":"/images/3/36/Minimap-town.gif"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ERog Guard Commander (\u003Ca href=\"/List_of_daily_quests\" title=\"List of daily quests\"\u003EDailies\u003C/a\u003E)\n\u003C/p\u003E\u003C/div\u003E","title":"Rog Guard Commander (Dailies)\n","link":"","lat":15.21056,"lon":22.45619,"icon":"/images/d/d7/Minimap-quest.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ELuke Savage\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Weapon_Shop\" title=\"Weapon Shop\"\u003EWeapon Shop\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Luke Savage\n","link":"","lat":15.45794,"lon":22.51478,"icon":"/images/f/f1/Minimap-etc.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ERoy Clower\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Weapon_Shop\" title=\"Weapon Shop\"\u003EWeapon Shop\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Roy Clower\n","link":"","lat":15.39935,"lon":22.51478,"icon":"/images/f/f1/Minimap-etc.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EElmo Leon\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Weapon_Shop\" title=\"Weapon Shop\"\u003EWeapon Shop\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Elmo Leon\n","link":"","lat":15.39935,"lon":22.46921,"icon":"/images/f/f1/Minimap-etc.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EBibia Layialbol\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Weapon_Shop\" title=\"Weapon Shop\"\u003EWeapon Shop\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Bibia Layialbol\n","link":"","lat":15.45794,"lon":22.46921,"icon":"/images/f/f1/Minimap-etc.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ENorah Chamberlain\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Magic_Goods\" title=\"Magic Goods\"\u003EMagic Goods\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Norah Chamberlain\n","link":"","lat":15.42539,"lon":22.54082,"icon":"/images/f/f1/Minimap-etc.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EBernard Welch\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Mobile_Shop\" title=\"Mobile Shop\"\u003EMobile Shop\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Bernard Welch\n","link":"","lat":54.60257,"lon":44.29724,"icon":"/images/f/f1/Minimap-etc.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EGerald Mordon\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Mobile_Shop\" title=\"Mobile Shop\"\u003EMobile Shop\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Gerald Mordon\n","link":"","lat":54.60908,"lon":44.29073,"icon":"/images/f/f1/Minimap-etc.gif"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Bindstone\" title=\"Bindstone\"\u003EBindstone\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Bindstone\n","link":"","lat":18.06194,"lon":20.91332,"icon":"/images/3/36/Minimap-town.gif"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Bindstone\" title=\"Bindstone\"\u003EBindstone\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Bindstone\n","link":"","lat":27.32567,"lon":24.29201,"icon":"/images/3/36/Minimap-town.gif"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Bindstone\" title=\"Bindstone\"\u003EBindstone\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Bindstone\n","link":"","lat":36.77819,"lon":27.05225,"icon":"/images/3/36/Minimap-town.gif"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Bindstone\" title=\"Bindstone\"\u003EBindstone\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Bindstone\n","link":"","lat":39.51239,"lon":32.39696,"icon":"/images/3/36/Minimap-town.gif"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Bindstone\" title=\"Bindstone\"\u003EBindstone\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Bindstone\n","link":"","lat":40.28708,"lon":37.53335,"icon":"/images/3/36/Minimap-town.gif"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Bindstone\" title=\"Bindstone\"\u003EBindstone\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Bindstone\n","link":"","lat":43.84154,"lon":44.03684,"icon":"/images/3/36/Minimap-town.gif"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Bindstone\" title=\"Bindstone\"\u003EBindstone\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Bindstone\n","link":"","lat":49.56383,"lon":46.3544,"icon":"/images/3/36/Minimap-town.gif"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Bindstone\" title=\"Bindstone\"\u003EBindstone\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Bindstone\n","link":"","lat":60.52667,"lon":41.68673,"icon":"/images/3/36/Minimap-town.gif"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Bindstone\" title=\"Bindstone\"\u003EBindstone\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Bindstone\n","link":"","lat":67.36868,"lon":45.14354,"icon":"/images/3/36/Minimap-town.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Portal\" title=\"Portal\"\u003EPortal\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Silent_Woods\" title=\"Silent Woods\"\u003ESilent Woods\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Portal\n","link":"","lat":17.44349,"lon":20.3795,"icon":"/images/e/e1/Minimap-portal.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Portal\" title=\"Portal\"\u003EPortal\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Palmas\" title=\"Palmas\"\u003EPalmas\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Portal\n","link":"","lat":28.95317,"lon":23.53034,"icon":"/images/e/e1/Minimap-portal.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Portal\" title=\"Portal\"\u003EPortal\u003C/a\u003E\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":"Portal\n","link":"","lat":39.34964,"lon":29.35028,"icon":"/images/e/e1/Minimap-portal.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Portal\" title=\"Portal\"\u003EPortal\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Tranquil_Swamp\" title=\"Tranquil Swamp\"\u003ETranquil Swamp\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Portal\n","link":"","lat":38.6726,"lon":33.11306,"icon":"/images/e/e1/Minimap-portal.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Portal\" title=\"Portal\"\u003EPortal\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Giants%27_Territory\" title=\"Giants\u0026#39; Territory\"\u003EGiants' Territory\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Portal\n","link":"","lat":39.60353,"lon":40.93157,"icon":"/images/e/e1/Minimap-portal.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Portal\" title=\"Portal\"\u003EPortal\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Aegis_Fortress\" title=\"Aegis Fortress\"\u003EAegis Fortress\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Portal\n","link":"","lat":50.50778,"lon":43.49651,"icon":"/images/e/e1/Minimap-portal.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Portal\" title=\"Portal\"\u003EPortal\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Midland\" title=\"Midland\"\u003EMidland\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Portal\n","link":"","lat":59.3744,"lon":41.18546,"icon":"/images/e/e1/Minimap-portal.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Portal\" title=\"Portal\"\u003EPortal\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Dusty_Gorge\" title=\"Dusty Gorge\"\u003EDusty Gorge\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Portal\n","link":"","lat":66.58748,"lon":43.61369,"icon":"/images/e/e1/Minimap-portal.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EPVP Entrance\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Depthless_Orifice/30-49\" title=\"Depthless Orifice/30-49\"\u003E30-49 PVP\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"PVP Entrance\n","link":"","lat":45.74246,"lon":41.19197,"icon":"/images/1/1a/Minimap-fortress.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EPVP Entrance\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Depthless_Orifice/50%2B\" title=\"Depthless Orifice/50+\"\u003E50+ PVP\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"PVP Entrance\n","link":"","lat":64.0616,"lon":47.57828,"icon":"/images/1/1a/Minimap-fortress.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EGVG Entrance\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/The_Forest_of_the_Abandoned\" title=\"The Forest of the Abandoned\"\u003EThe Forest of the Abandoned\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"GVG Entrance\n","link":"","lat":54.88901,"lon":40.74929,"icon":"/images/1/1a/Minimap-fortress.gif"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EArena Entrance\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/Great_Rebellion\" title=\"Great Rebellion\"\u003EGreat Rebellion\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Arena Entrance\n","link":"","lat":47.96237,"lon":37.33805,"icon":"/images/1/1a/Minimap-fortress.gif"}],"imageoverlays":null}
{{interactive map|map=Depthless Orifice}}
map is work in progress
Loading map...
{"minzoom":2,"maxzoom":5,"mappingservice":"leaflet","width":"auto","height":"350px","centre":{"text":"","title":"","link":"","lat":50,"lon":50,"icon":""},"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[{"text":"","title":"","link":"","strokeColor":"red","strokeOpacity":"0.5","strokeWeight":"3","fillColor":"yellow","fillOpacity":"0.25","centre":{"lon":50,"lat":50},"radius":2}],"rectangles":[],"copycoords":false,"static":false,"zoom":3,"defzoom":14,"layers":["OpenStreetMap"],"image layers":["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":"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\u003E\u003Ca href=\"/Portal\" title=\"Portal\"\u003EPortal\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/index.php?title=Rog_Imperial_City_(V1)\u0026amp;action=edit\u0026amp;redlink=1\" class=\"new\" title=\"Rog Imperial City (V1) (page does not exist)\"\u003ERog Imperial City\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E","title":"Portal\n","link":"","lat":39.35546875109,"lon":15.88541667016,"icon":"/images/e/e1/Minimap-portal.gif"}],"imageoverlays":null}
TODO
- Add variations for Depthless Orifice map call
- All, 30-49, 50+ would have unique markers for entrance/exit portals
- 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.
- Allow center to be configurable as a parameter
- If center= contains T text (areas), set to C coordinates, else use N/E, else default to Rog, else default to center
- Allow height/width to be configurable
- As parameter, mainly for adding into infoboxes - if blank, default auto
- Allow circle radius to be configurable (min. 1)
- Look into adding cluster function
- Add markers for unmarked towns/cities (eg. Midland, Dusty Town, Gypsy Village, etc.)
- Add markers for unmarked arena entrances (eg. Midland and Palmas)
- Upload lower res "clean" versions of each map to display as thumbnails in location infoboxes.