Template:Interactive Map/doc

The Basics

This new map provides easy access to all available map images for available HorizonXI content. Currently the map has a small amount of interactive features that both help the user navigate between desired maps and increase convenience. All map images are a compilation from multiple sources. Map images from the Remapster project were prioritized, followed by those from SquareEnix. All maps within Rise of the Zilart, Chains of Promathia, and Treasures of Aht Urhgan. Some interactive map features within Treasures of Aht Urhgan are still under construction, but the maps themselves are available.

Features

The map was designed originally to give the user the freedom to quickly switch between connecting maps.

Demonstration	Label	Description
	Zoom Controls	The user has two options for zooming in/out of any maps - either using the controls available on the map itself, or using the mouse wheel.
	Search Icon	Use the search icon to open a search bar. Inside the search bar you can search for any map using the name of the map, or the map id. The map id is typically used for wiki editors and can be found here Template:FFXIMap .
	Connections	Locations for connections to adjacent maps are displayed when the mouse cursor moves over either a connection or a label for a connection. The demo gif demonstrates how this is displayed on the map. If there are more than one location on the map that connect to the same adjacent map then all connections will be highlighted with the appropriate animation. Battalia Downs demonstrates this well. The actual animation marker is typically placed as close to the zone location as possible.
	Back Icon	The back icon allows the user to move to the previous map. This icon only appears when you have a history of viewed maps.
	HorizonXI Watermark	Purely aesthetic, but reinforcing this map is exclusive to the HorizonXI Wiki.

Features Under Construction

• The example shown is the current status of NPCs in Upper Jeuno. These NPC layers on the top right of the map are only available if the appropriate tag was place on the specific NPC page, see Template:FFXIMap Markers. When NPCs are added to the page with the specific wikilink tag a layer is added inside the layer on the top right of the map.

Nerd Alert

The map is powered by Leaflet, an open-source JavaScript library for interactive map enthusiasts. The software gives us the ability to use available map images and, in the case of the world map, a custom tile server. The bulk of all map related interactive features is housed in a custom extension, built specifically for the HorizonXI Wiki.

Attribution

Additional Attribution remarks listed on the bottom right of all maps

• Author: Shocks (Starfox9507)
• Contributors: Hugin, Spiffly, Dejey

• Leaflet - https://leafletjs.com
• A Tale in the Desert - https://github.com/atitd-community/mediawiki-emap
• Remapster (spalose) - https://remapster.com/
• FFXI Atlas - https://ffxi-atlas.com/
• Square Enix