Stapx Steve(讨论 | 贡献) 小无编辑摘要 |
(Update Line 1 & 6) |
||
| (未显示3个用户的10个中间版本) | |||
| 第47行: | 第47行: | ||
"color": "#B02E26", | "color": "#B02E26", | ||
"route": [ | "route": [ | ||
{ " | { "QIWAN": "" }, | ||
{ "pos": [-6, 12], "stat": "planned" }, | |||
{ "SXSBZ": "" }, | |||
{ "ENSHM": "" }, | |||
{ "CINDA": "" }, | |||
{ "XNMCT": "" }, | |||
{ "GJHOM": "" }, | |||
{ "CZHCT": "" }, | { "CZHCT": "" }, | ||
{ "NNCNL": "" }, | { "NNCNL": "" }, | ||
| 第72行: | 第78行: | ||
{ "WUMIN": "" }, | { "WUMIN": "" }, | ||
{ "STRHD": "" }, | { "STRHD": "" }, | ||
{ "BREAD": "" } | { "BREAD": "" }, | ||
{ "FGLIN": "" } | |||
] | ] | ||
}, | }, | ||
| 第83行: | 第90行: | ||
{ "INITS": "" }, | { "INITS": "" }, | ||
{ "KEMOW": "" }, | { "KEMOW": "" }, | ||
{ "UKN03": "" }, | //{ "UKN03": "" }, | ||
{ "YXLAN": "" } | { "YXLAN": "" } | ||
], | ], | ||
| 第92行: | 第99行: | ||
"route": [ | "route": [ | ||
{ "HINDA": "" }, | { "HINDA": "" }, | ||
{ "UKN01": "" }, | //{ "UKN01": "" }, | ||
{ "KMRPK": "" }, | { "KMRPK": "" }, | ||
{ "SPAWN": "" }, | { "SPAWN": "" }, | ||
{ "SCZCT": "" }, | { "SCZCT": "" }, | ||
{ "BAIZE": "" }, | { "BAIZE": "" }, | ||
{ "STADM": "" }, | //{ "STADM": "" }, | ||
{ "UKN02 | //{ "UKN02": "" } | ||
] | ] | ||
}, | }, | ||
//"4支线": { | |||
// "color": "#169C9C", | |||
// "route": [ | |||
// { "STADM": "" }, | |||
// { "ACBTF": "" } | |||
// ] | |||
//}, | |||
"5": { | "5": { | ||
"color": "#8932B8", | "color": "#8932B8", | ||
| 第127行: | 第134行: | ||
"color": "#C74EBD", | "color": "#C74EBD", | ||
"route": [ | "route": [ | ||
{ " | { "CZHCT": "" }, | ||
{ "pos": [- | { "pos": [-1, 5], "stat": "planned" }, | ||
{ "KEMOW": "" }, | { "KEMOW": "" }, | ||
{ " | { "pos": [8, 6], "stat": "planned" }, | ||
{ "KMRPK": "" }, | { "KMRPK": "" }, | ||
{ "LINDA": "" }, | { "LINDA": "" }, | ||
| 第142行: | 第144行: | ||
{ "ICERF": "" } | { "ICERF": "" } | ||
] | ] | ||
}, | }//, | ||
"8": { | // "8": { | ||
// "color": "#5E7C16", | |||
// "route": [ | |||
// { "ENSHM": "" }, | |||
// { "WNSHM": "" }, | |||
// { "pos": [-12, 8], "stat": "planned" }, | |||
// { "YGHOM": "" } | |||
// ] | |||
} | // } | ||
}, | }, | ||
"stations": { | "stations": { | ||
| 第166行: | 第168行: | ||
"BREAD": { | "BREAD": { | ||
"label": "面包", | "label": "面包", | ||
"owner": "732Bread", | |||
"pos": [8, -6], | "pos": [8, -6], | ||
"stat": " | "stat": "finished" | ||
}, | }, | ||
"CINDA": { | "CINDA": { | ||
"label": " | "label": "缺口空置域", | ||
"pos": [-6, 6], | "pos": [-6, 6], | ||
"stat": " | "stat": "finished" | ||
}, | }, | ||
"CZHCT": { | "CZHCT": { | ||
"label": "赐召", | "label": "赐召", | ||
"owner": "Stapx_Steve", | |||
"pos": [-2, 2], | "pos": [-2, 2], | ||
"stat": "finished" | "stat": "finished" | ||
}, | }, | ||
"ENSHM": { | "ENSHM": { | ||
"label": " | "label": "横光", | ||
"pos": [-6, 8], | "pos": [-6, 8], | ||
"stat": "planned" | "stat": "planned" | ||
| 第187行: | 第191行: | ||
"label": "漪阳东", | "label": "漪阳东", | ||
"pos": [0, -4], | "pos": [0, -4], | ||
"stat": "planned" | |||
}, | |||
"FGLIN": { | |||
"label": "枫霖", | |||
"pos": [10, -6], | |||
"stat": "finished" | "stat": "finished" | ||
}, | }, | ||
"GJHOM": { | "GJHOM": { | ||
"label": " | "label": "托伊蕾特", | ||
"pos": [-2, | "pos": [-2, 4], | ||
"stat": "planned" | "stat": "planned" | ||
}, | }, | ||
| 第217行: | 第226行: | ||
"label": "烟草公园", | "label": "烟草公园", | ||
"pos": [8, 0], | "pos": [8, 0], | ||
"stat": " | "stat": "finished" | ||
}, | }, | ||
"LINDA": { | "LINDA": { | ||
| 第232行: | 第241行: | ||
"label": "定漪山", | "label": "定漪山", | ||
"pos": [0, -2], | "pos": [0, -2], | ||
"stat": " | "stat": "planned" | ||
}, | }, | ||
"MUYLN": { | "MUYLN": { | ||
| 第247行: | 第256行: | ||
"label": "鸽联", | "label": "鸽联", | ||
"pos": [4, -10], | "pos": [4, -10], | ||
"stat": " | "stat": "finished" | ||
}, | }, | ||
"QIWAN": { | "QIWAN": { | ||
"coord": [416, 64, -3869], | |||
"label": "绮湾", | "label": "绮湾", | ||
"pos": [-2, | "owner": "sjfhsjfh", | ||
"stat": " | "pos": [-2, 16], | ||
"stat": "finished" | |||
}, | }, | ||
"SCZCT": { | "SCZCT": { | ||
| 第264行: | 第275行: | ||
"stat": "finished" | "stat": "finished" | ||
}, | }, | ||
"STADM": { | //"STADM": { | ||
// "label": "玩家体育场", | |||
// "pos": [-8, 0], | |||
// "stat": "planned" | |||
}, | //}, | ||
"STRHD": { | "STRHD": { | ||
"label": " | "label": "天德池", | ||
"pos": [6, -6], | "pos": [6, -6], | ||
"stat": " | "stat": "finished" | ||
}, | |||
"SXSBZ": { | |||
"label": "山心水背", | |||
"pos": [-6, 10], | |||
"stat": "finished" | |||
}, | }, | ||
"SZHCT": { | "SZHCT": { | ||
| 第279行: | 第295行: | ||
"stat": "planned" | "stat": "planned" | ||
}, | }, | ||
"UKN01": { | //"UKN01": { | ||
// "label": "Unknown01", | |||
// "pos": [10, 0], | |||
// "stat": "planned" | |||
}, | //}, | ||
"UKN02": { | //"UKN02": { | ||
// "label": "Unknown02", | |||
// "pos": [-8, -4], | |||
// "stat": "planned" | |||
}, | //}, | ||
"UKN03": { | //"UKN03": { | ||
// "label": "Unknown03", | |||
// "pos": [8, 6], | |||
// "stat": "planned" | |||
}, | //}, | ||
"WNSHM": { | //"WNSHM": { | ||
// "label": "满天星家西", | |||
// "pos": [-10, 8], | |||
// "stat": "finished" | |||
}, | //}, | ||
"WTCCT": { | "WTCCT": { | ||
"label": "天策西", | "label": "天策西", | ||
| 第305行: | 第321行: | ||
}, | }, | ||
"WUMIN": { | "WUMIN": { | ||
"label": " | "label": "地下铁", | ||
"pos": [2, -6], | "pos": [2, -6], | ||
"stat": " | "stat": "finished" | ||
}, | }, | ||
"XJIAN": { | "XJIAN": { | ||
| 第320行: | 第336行: | ||
}, | }, | ||
"XYHOM": { | "XYHOM": { | ||
"label": " | "label": "梦渊", | ||
"pos": [8, -4], | "pos": [8, -4], | ||
"stat": "planned" | "stat": "planned" | ||
| 第395行: | 第411行: | ||
} | } | ||
if (lastpoint != undefined) { | if (lastpoint != undefined) { | ||
let color = { "finished": mapData.lines[line].color, "planned": | let color = { "finished": mapData.lines[line].color, "planned": mapData.lines[line].color } | ||
let stat = "finished" | let stat = "finished" | ||
if (waypoint.stat == "planned" || lastpoint.stat == "planned") stat = "planned" | if (waypoint.stat == "planned" || lastpoint.stat == "planned") stat = "planned" | ||
| 第499行: | 第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> | ||
| 第573行: | 第589行: | ||
pop.style.opacity = "1" | pop.style.opacity = "1" | ||
// 获取鼠标位置 | // 获取鼠标位置 | ||
const x = event.pageX | |||
const y = event. | const y = event.pageY | ||
// 移动 div | // 移动 div | ||
pop.style.top = y + "px" | pop.style.top = y + "px" | ||
| 第583行: | 第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) | |||
span = document.createElement("span") | |||
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") | ||
// 处理元素 | // 处理元素 | ||
| 第603行: | 第624行: | ||
<noinclude> | <noinclude> | ||
---- | ---- | ||
== 用法 == | == 用法 == | ||
| 第614行: | 第636行: | ||
因为设计原因,此模板无法在同一个页面上加载两次。 | 因为设计原因,此模板无法在同一个页面上加载两次。 | ||
<nowiki>{{铁路|宽度=50%|缩放=700|线路=1}}</nowiki> | <nowiki>{{铁路|宽度=50%|缩放=700|线路=1}}</nowiki> | ||
== 关于增加站点 == | == 关于增加站点 == | ||
你可以在代码开头参数列表中添加站点,在站点列表内添加你的站点并根据和主城(0, | 你可以在代码开头参数列表中添加站点,在站点列表内添加你的站点并根据和主城(0, 0)的相对关系设置距离坐标,可选的选项还有所有者 "owner" 和实际坐标 "coord",记得使用正确的js对象语法<del>,缩进也给我写好啊喂</del>。在添加完毕后将站点添加到线路列表内即可。 | ||
添加完毕记得预览一下检查是否有问题。 | |||
如果搞不明白可以叫管理(小声 | 如果搞不明白可以叫管理(小声 | ||
</noinclude> | |||
2023年2月9日 (四) 09:28的最新版本
用法[编辑]
你需要传入一些参数,包括:
- 宽度:地图的显示宽度,可以是任何有效的 html 单位。默认 100%。
- 高度:地图的显示高度,可以是任何有效的 html 单位。默认 unset。
- 缩放:缩放级别,数值越小缩放越大。默认 900。
- 线路:只显示某条线路。默认 undefined。
例子[编辑]
因为设计原因,此模板无法在同一个页面上加载两次。
{{铁路|宽度=50%|缩放=700|线路=1}}
关于增加站点[编辑]
你可以在代码开头参数列表中添加站点,在站点列表内添加你的站点并根据和主城(0, 0)的相对关系设置距离坐标,可选的选项还有所有者 "owner" 和实际坐标 "coord",记得使用正确的js对象语法,缩进也给我写好啊喂。在添加完毕后将站点添加到线路列表内即可。
添加完毕记得预览一下检查是否有问题。
如果搞不明白可以叫管理(小声