Template:Interactive Map/doc

From HorizonXI Wiki
Revision as of 05:54, 18 November 2023 by Starfox9507 (talk | contribs)

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
Zoomdemo.gif 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.
Searchdemo.gif 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 .
Connectiondemo.gif 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.
Backbuttondemo.gif 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.
Ffximap horizonlogo.png HorizonXI Watermark Example

Features Under Construction

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

Ffximap attribution.png Additional Attribution remarks listed on the bottom right of all maps

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