小 (typo...) |
(浮窗小改) |
||
| 第168行: | 第168行: | ||
"BREAD": { | "BREAD": { | ||
"label": "面包", | "label": "面包", | ||
"owner": "732Bread", | |||
"pos": [8, -6], | "pos": [8, -6], | ||
"stat": "finished" | "stat": "finished" | ||
| 第178行: | 第179行: | ||
"CZHCT": { | "CZHCT": { | ||
"label": "赐召", | "label": "赐召", | ||
"owner": "Stapx_Steve", | |||
"pos": [-2, 2], | "pos": [-2, 2], | ||
"stat": "finished" | "stat": "finished" | ||
| 第257行: | 第259行: | ||
}, | }, | ||
"QIWAN": { | "QIWAN": { | ||
"coord": [416, 64, -3869], | |||
"label": "绮湾", | "label": "绮湾", | ||
"owner": "sjfhsjfh", | |||
"pos": [-2, 16], | "pos": [-2, 16], | ||
"stat": " | "stat": "finished" | ||
}, | }, | ||
"SCZCT": { | "SCZCT": { | ||
| 第511行: | 第515行: | ||
point.onmouseover = function() { onPointOver(event, point) } | point.onmouseover = function() { onPointOver(event, point) } | ||
point.onmouseleave = function() { | point.onmouseleave = function() { onPointLeave(point) } | ||
// <text x="0" y="15" fill="red">I love SVG</text> | // <text x="0" y="15" fill="red">I love SVG</text> | ||
| 第595行: | 第599行: | ||
pop.children[0].innerText = info.label | pop.children[0].innerText = info.label | ||
let span = document.createElement("span") | let span = document.createElement("span") | ||
span.innerText = | if (info.owner == undefined) info.owner = "DHW Inf" | ||
span.innerText = `所属:${info.owner}` | |||
pop.children[1].append(span) | pop.children[1].append(span) | ||
span = document.createElement("span") | span = document.createElement("span") | ||
span.innerText = | if (info.coord == undefined) info.coord = ['?', '?', '?'] | ||
span.innerText = `坐标:${info.coord.join(',')}` | |||
pop.children[1].append(span) | pop.children[1].append(span) | ||
} | } | ||
function | function onPointLeave(sender) { | ||
const pop = document.getElementById("pop") | const pop = document.getElementById("pop") | ||
// 处理元素 | // 处理元素 | ||
| 第629行: | 第635行: | ||
== 关于增加站点 == | == 关于增加站点 == | ||
你可以在代码开头参数列表中添加站点,在站点列表内添加你的站点并根据和主城(0, | 你可以在代码开头参数列表中添加站点,在站点列表内添加你的站点并根据和主城(0, 0)的相对关系设置距离坐标,可选的选项还有所有者 "owner" 和实际坐标 "coord",记得使用正确的js对象语法<del>,缩进也给我写好啊喂</del>。在添加完毕后将站点添加到线路列表内即可。 | ||
添加完毕记得预览一下检查是否有问题。 | |||
如果搞不明白可以叫管理(小声 | 如果搞不明白可以叫管理(小声 | ||
</noinclude> | </noinclude> | ||
2022年9月26日 (一) 04:33的版本
用法
你需要传入一些参数,包括:
- 宽度:地图的显示宽度,可以是任何有效的 html 单位。默认 100%。
- 高度:地图的显示高度,可以是任何有效的 html 单位。默认 unset。
- 缩放:缩放级别,数值越小缩放越大。默认 900。
- 线路:只显示某条线路。默认 undefined。
例子
因为设计原因,此模板无法在同一个页面上加载两次。
{{铁路|宽度=50%|缩放=700|线路=1}}
关于增加站点
你可以在代码开头参数列表中添加站点,在站点列表内添加你的站点并根据和主城(0, 0)的相对关系设置距离坐标,可选的选项还有所有者 "owner" 和实际坐标 "coord",记得使用正确的js对象语法,缩进也给我写好啊喂。在添加完毕后将站点添加到线路列表内即可。
添加完毕记得预览一下检查是否有问题。
如果搞不明白可以叫管理(小声