创建基础地图

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

这是引入代码用的。你只需要引入一次代码。

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

这一节是打开地图本身的。你在这里所唯一想修改的就是第二行了。

第二行定义了用作主地图的图片。只需用你图片的链接替换掉 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 |
]]

现在，这一条引用代码会在地图上放置标志。这条引用有着以下几个基础参数：facility、x、y 以及 image。

facility 应仅被定义为 --，其指定为你想要引入的是一个图标。x 是个百分数，定义了标志的水平位置。y 是个百分数，定义了标志的垂直位置。最后，image 是你想要用作标志的图片链接。

其它与标志有关的参数将在本折叠下方的一个折叠处解释。

[[div class="subtitle"]]
|| 图例 ||
|| [[image https://scp-wiki.wdfiles.com/local--files/jerden-insignia/template-site.png]] || 站点 ||
|| [[image https://scp-wiki.wdfiles.com/local--files/jerden-insignia/template-area.png]] || 区域 ||
[[/div]]

这是副标题窗口，应该是相当容易理解的，因为它就只是个美化过的表格而已。

将链接修改为你想使用的图片链接并将 || || 之间的文本修改为该图片应代表的意义。你甚至可以通过将图例替换为你所想要的文字来修改窗口标题。

自定义图标以将文本覆盖于其上

如果你点进了这里，那么你肯定想要自己的图标显示出你站的标志，但又无需编辑图片来达成这一点。

若需达成这一目的，我们会给到你两个用作站点/区域标志的标准图片：

标准站点标志：*https://scp-wiki.wdfiles.com/local--files/jerden-insignia/template-site.png
标准区域标志：*https://scp-wiki.wdfiles.com/local--files/jerden-insignia/template-area.png

只需这两个标志的其一放在早前提到的 image 参数里，那么就完成一半了。

现在，用了这种歪门邪道之后，接下来就是有趣的部分了：

[[include :scp-wiki:component:mapping-source
facility=-- |
x=25 |
y=50 |
image=https://scp-wiki.wdfiles.com/local--files/jerden-insignia/template-site.png |
textclass=numbermap |
text=XXX |
]]

这是你要用以创建一个覆盖有文本的标志代码。

这条引用包含了常规标志所需的相同参数，再额外加上 3 个参数。普通用户应该只需要 2 个额外参数。

你大概会使用的参数为 textclass 以及 text：textclass 指定了你想要在图标上放置的文本的类，所以你就只需要输入 subtitlemap 来给图标底下加个小小的好看文本，或者用 numbermap 来在图标上放上自定义文本。text 就是文本本身。很简单了，对吧？

然后，如果你的文本长于 3 位字母数字或 2 个汉字的话，那么你就得用上上面提到的最后一个额外参数了，在下面有引用到。

[[include :scp-wiki:component:mapping-source
facility=-- |
x=25 |
y=50 |
image=https://scp-wiki.wdfiles.com/local--files/jerden-insignia/template-site.png |
textclass=numbermap |
text=XXX |
font-size=0.3 |
]]

font-size 就是我们所要说的实验性参数，主要在特殊情况或者幕后使用。如果你不用到它的话，是可以将它删掉的，因为它实际上就会将默认值设为 0.3。

font-size 显然是定义字体大小的。

最后还有一个额外参数，允许你改变标志的大小：

size=XX |

对于新手来说，只需要将 XX 换成数字就行了；默认值为 1.5。

以下是同时使用 size 与 subtitlemap 的情况：

添加额外地图

如果你点进了这里，那么你肯定想要给你的地图添加上第二个地图。如果你知道自己在干什么的话，实际上非常简单，那我们开始吧：

图例
	站点
	区域

[[/div]]

试试将鼠标悬停在北美洲上面，看看它是怎么占领你的屏幕的 :）

如果想精准复刻上面的地图，请使用这个代码：

[[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 |
]]

[[include :scp-wiki:component:mapping-source
secmap=-- |
sx= 22.5|
sy= 35|
x=10|
y=5|
image=https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Map-North-America.png|
]]

[[include :scp-wiki:component:mapping-source
facility=-- |
x=25 |
y=50 |
image=https://scp-wiki.wdfiles.com/local--files/jerden-insignia/template-site.png |
textclass=numbermap |
text=159 |
]]

[[/div]]

[[div class="subtitle"]]
|| 图例 ||
|| [[image https://scp-wiki.wdfiles.com/local--files/jerden-insignia/template-site.png]] || 站点 ||
|| [[image https://scp-wiki.wdfiles.com/local--files/jerden-insignia/template-area.png]] || 区域 ||
[[/div]]

[[/div]]

对于第二个地图来说，我们只要先关注下面这一点：

[[include :scp-wiki:component:mapping-source
secmap=-- |
sx= 22.5|
sy= 35|
x=10|
y=5|
image=https://scp-wiki.wdfiles.com/local--files/jerden-insignia/Map-North-America.png|
]]

这里有 6 个变量，你可能已经认出了其中在初学者指导中出现的 3 个变量：x、y 和 image。secmap、sx 和 sy 都是新的变量。

secmap 表示你想你的引用成为第二个地图，所以让它维持原样就行了。sx 与 sy 有点难对付了，如它所定义的那样，这两个变量分部表示你要让第二个地图出现的悬停区域的宽与高，与主地图的总大小有关。若需高亮可悬浮区域，只需添加以下参数，可悬停的区域就会变成一个黑框：

highlighter=--|

x 与 y 将分别定义可悬停区域左上角的水平与垂直位置。image 即第二个地图的链接。

最后，添加一个 [[/div]] 来收起第二个地图，否则所有东西都会出现故障。

你可以随意添加任意数量的第二个地图。