Mapping Component

NOTICE:

This is a component page used internally by the SCP Wiki. It is intended to be used and included on other pages.

{$text}

What is this?

This is the Mapping Component, a component made for the Sites Hub Revamp that allows for you to create quasi-interactive maps with features such as:

  • A main map
  • Many secondary zoom-in maps
  • Custom zoomable icons
  • Icon subtitles
  • Legends
  • Support for custom Icon classes

How to use

The code below is the minimal required for a functioning map with an icon and a legends window.

[[include :scp-wiki:component:mapping-source
code=-- |
]]

[[div class="mainmap"]]
[[image https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Map-World.png]]

[[include :scp-wiki:component:mapping-source
facility=-- |
x=51.5 |
y=21.0 |
image=https://scp-wiki.wdfiles.com/local--files/jerden-insignia/template-area.png |
]]

[[div class="subtitle"]]
|| Legends ||
|| [[image https://scp-wiki.wdfiles.com/local--files/jerden-insignia/template-site.png]] || Site||
|| [[image https://scp-wiki.wdfiles.com/local--files/jerden-insignia/template-area.png]] || Area ||
[[/div]]

[[/div]]

Which should give you this map:

Map-World.png
template-area.png

{$text}

Legends
template-site.png Site
template-area.png Area

The step-by-step on what everything does is divided into a couple sections that can be seen down below.

To understand how to create a map following the same model as the one above, just follow this guide:

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License