小 (typo...) |
(Update Line 1 & 6) |
||
| (未显示同一用户的5个中间版本) | |||
| 第47行: | 第47行: | ||
"color": "#B02E26", | "color": "#B02E26", | ||
"route": [ | "route": [ | ||
{ " | { "QIWAN": "" }, | ||
{ "pos": [-6, 12], "stat": "planned" }, | |||
{ "SXSBZ": "" }, | |||
{ "ENSHM": "" }, | |||
{ "CINDA": "" }, | |||
{ "XNMCT": "" }, | |||
{ "GJHOM": "" }, | |||
{ "CZHCT": "" }, | { "CZHCT": "" }, | ||
{ "NNCNL": "" }, | { "NNCNL": "" }, | ||
| 第128行: | 第134行: | ||
"color": "#C74EBD", | "color": "#C74EBD", | ||
"route": [ | "route": [ | ||
{ " | { "CZHCT": "" }, | ||
{ "pos": [- | { "pos": [-1, 5], "stat": "planned" }, | ||
{ "KEMOW": "" }, | { "KEMOW": "" }, | ||
{ "pos": [8, 6], "stat": "planned" }, | { "pos": [8, 6], "stat": "planned" }, | ||
| 第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" | ||
| 第194行: | 第196行: | ||
"label": "枫霖", | "label": "枫霖", | ||
"pos": [10, -6], | "pos": [10, -6], | ||
"stat": " | "stat": "finished" | ||
}, | }, | ||
"GJHOM": { | "GJHOM": { | ||
"label": "托伊蕾特", | "label": "托伊蕾特", | ||
"pos": [-2, | "pos": [-2, 4], | ||
"stat": "planned" | "stat": "planned" | ||
}, | }, | ||
| 第224行: | 第226行: | ||
"label": "烟草公园", | "label": "烟草公园", | ||
"pos": [8, 0], | "pos": [8, 0], | ||
"stat": " | "stat": "finished" | ||
}, | }, | ||
"LINDA": { | "LINDA": { | ||
| 第254行: | 第256行: | ||
"label": "鸽联", | "label": "鸽联", | ||
"pos": [4, -10], | "pos": [4, -10], | ||
"stat": " | "stat": "finished" | ||
}, | }, | ||
"QIWAN": { | "QIWAN": { | ||
"coord": [416, 64, -3869], | |||
"label": "绮湾", | "label": "绮湾", | ||
"owner": "sjfhsjfh", | |||
"pos": [-2, 16], | "pos": [-2, 16], | ||
"stat": " | "stat": "finished" | ||
}, | }, | ||
"SCZCT": { | "SCZCT": { | ||
| 第284行: | 第288行: | ||
"label": "山心水背", | "label": "山心水背", | ||
"pos": [-6, 10], | "pos": [-6, 10], | ||
"stat": " | "stat": "finished" | ||
}, | }, | ||
"SZHCT": { | "SZHCT": { | ||
| 第319行: | 第323行: | ||
"label": "地下铁", | "label": "地下铁", | ||
"pos": [2, -6], | "pos": [2, -6], | ||
"stat": " | "stat": "finished" | ||
}, | }, | ||
"XJIAN": { | "XJIAN": { | ||
| 第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) | |||
span = document.createElement("span") | |||
if (info.coord == undefined) info.coord = ['?', '?', '?'] | |||
span.innerText = `坐标:${info.coord.join(',')}` | |||
pop.children[1].append(span) | pop.children[1].append(span) | ||
span = document.createElement("span") | span = document.createElement("span") | ||
span.innerText = | span.innerText = `绘图坐标:${info.pos.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行: | 第638行: | ||
== 关于增加站点 == | == 关于增加站点 == | ||
你可以在代码开头参数列表中添加站点,在站点列表内添加你的站点并根据和主城(0, | 你可以在代码开头参数列表中添加站点,在站点列表内添加你的站点并根据和主城(0, 0)的相对关系设置距离坐标,可选的选项还有所有者 "owner" 和实际坐标 "coord",记得使用正确的js对象语法<del>,缩进也给我写好啊喂</del>。在添加完毕后将站点添加到线路列表内即可。 | ||
添加完毕记得预览一下检查是否有问题。 | |||
如果搞不明白可以叫管理(小声 | 如果搞不明白可以叫管理(小声 | ||
</noinclude> | </noinclude> | ||
2023年2月9日 (四) 09:28的最新版本
用法[编辑]
你需要传入一些参数,包括:
- 宽度:地图的显示宽度,可以是任何有效的 html 单位。默认 100%。
- 高度:地图的显示高度,可以是任何有效的 html 单位。默认 unset。
- 缩放:缩放级别,数值越小缩放越大。默认 900。
- 线路:只显示某条线路。默认 undefined。
例子[编辑]
因为设计原因,此模板无法在同一个页面上加载两次。
{{铁路|宽度=50%|缩放=700|线路=1}}
关于增加站点[编辑]
你可以在代码开头参数列表中添加站点,在站点列表内添加你的站点并根据和主城(0, 0)的相对关系设置距离坐标,可选的选项还有所有者 "owner" 和实际坐标 "coord",记得使用正确的js对象语法,缩进也给我写好啊喂。在添加完毕后将站点添加到线路列表内即可。
添加完毕记得预览一下检查是否有问题。
如果搞不明白可以叫管理(小声