全站通知:

帮助:地图工具

来自bilibili游戏中心 - WIKI
跳到导航 跳到搜索


地图工具相关页面

地图工具样式管理

https://wiki.biligame.com/本段文字替换为你的WIKI域名/widget:Map3/css
https://wiki.biligame.com/本段文字替换为你的WIKI域名/widget:Map3/icon
https://wiki.biligame.com/本段文字替换为你的WIKI域名/widget:Map3/main
https://wiki.biligame.com/本段文字替换为你的WIKI域名/widget:Md5
https://wiki.biligame.com/本段文字替换为你的WIKI域名/widget:Map3/mapc


地图维护管理相关页面

标记点位提示信息修改(包含标记时的提示信息,群号等等)

https://wiki.biligame.com/本段文字替换为你的WIKI域名/widget:Map3/mapc

点位类型管理

https://wiki.biligame.com/本段文字替换为你的WIKI域名/Data:Map/point.json
https://wiki.biligame.com/本段文字替换为你的WIKI域名/Data:Map/type/json

单个类型的点位页面(倒数第二段数字为点位类型id)

https://wiki.biligame.com/本段文字替换为你的WIKI域名/Data:Map/type/82/json

单个点位页面(最后一段为点位id)

https://wiki.biligame.com/本段文字替换为你的WIKI域名/Data:Map/point/114xhifam3t

用户个人标记点位表(倒数第二段为用户的B站uid)

https://wiki.biligame.com/本段文字替换为你的WIKI域名/用户:265262256/wikiYSMapData.json


点位管理说明

用于记录目前所有点位的具体信息。这个就是点位列表的配置数据页面,mapc根据他来生成点位列表和统计列表。

https://wiki.biligame.com/本段文字替换为你的WIKI域名/Data:Map/type/json

字段说明

字段 数据类型 例子 说明
type 文本 "默认" 点位的上级分类名称。用于区分甜甜花是"植物"还是"蒙德特产"
markType 数字 "201" 点位的类别id。用于区分是甜甜花还是蒲公英(当前表内不可重复)
markTypeName 文本 "七天神像" 点位类别的名称
icon 图片文件名 "七天神像.png" or "https://patchwiki.biligame.com/images/ys/b/b5/oqhw4hrl93egmab7t9spzhlxvpph7mf.png" 点位图片的地址
defaultShow 布尔值 “1”or“0” 打开地图默认显示为"1",默认不显示为"0"
collectible 布尔值 true or 缺省 该点位可以进行标记计数则需要该字段
index 数字 201 预留字段暂无用

调用全部的点位

为了把散落在编号页面的点位数据集中在一个有缓存的实际页面,地图工具只请求这一个页面就可以拿到全部的点位数据。

因为这个页面相当于调用所有点位的信息,当点位信息总量超过一个wiki页面的容量上限(2M)的时候,就需要使用多页面分流信息以避免地图崩掉。


点位较少的时候(总点位数量≤7000)可以使用这个页面Data:MapHD/point.json,这个页面可以自动维护

<div id="mapPointData" style="display:none">{ {{#arraymap: {{#ask:[[分类:地图点位数据]][[~Data:MapHD/*]]|link=none}} | , | @ | {{#replace: @ | Data:MapHD/type/ | }}:{{:@/json}} | ,}} }</div>


但是一旦点位特别多(总点位数量>7000)就会因为超出页面可调用的模板上限(MediaWiki机制导致)使地图功能报错,所以在点位较多的情况下就需要手动维护这样的页面:Data:Map/point.json

如果点位过多还需要拆表,例如创建一个Data:Map/point2.json,以此类推。

通过Widget:Map3/main页面的dataList字段增加点位表,如下:

		var $ready = function () {
			$.fn.swipe = swipe;
			$("#map-wrap").swipe();
			mapApi.set({game: 'ys', site: mw.config.get("wgGameName"), dataPrefix: 'Data:Map'}) 
			ko.applyBindings(mapModel = new MapModel(mapData.default = {
				game: 'ys',
				site: mw.config.get("wgGameName"),
				mapid: 'map3',
				dataPrefix: 'Data:Map',
				mapCenter: [-51.085105, 38.289228],
				srcVersion: '3.0.13',
				isPhone: window.innerWidth < 540,
				toolbox: mw.config.get("wgUserGroups").indexOf("sysop") !== -1,
				dataList: ["point.json", "point2.json"]
			}));


关于分类排序

打开主表时可以看到一个默认的从上到下的排序,加入新的点位时请放到对应的分类里即可。


点位表

用于记录一个类别的点位的所有点个点位的数据:

https://wiki.biligame.com/本段文字替换为你的WIKI域名/Data:Map/type/82/json

(倒数第二段的数字为点位类型markType)


字段说明:

字段 数据类型 例子 说明
type 文本 "ys"
markType 数字 "82" 点位的类别id。用于区分是甜甜花还是蒲公英(当前表内不可重复)
id 文本 "8z4xio6m3l" 一个点位的唯一id。用于区分是哪一个甜甜花。
icon 图片文件名 "魔晶矿.png" or "https://patchwiki.biligame.com/images/ys/b/b5/oqhw4hrl93egmab7t9spzhlxvpph7mf.png" 点位图片的地址(已弃用)
point 数字 {"lng":"-16.258611","lat":"-11.778788"} 点位在地图上的坐标数据(不需要进行人工维护)
title 文本 "魔晶矿" 该点位的标题名称(已弃用)
content 文本 "位于石头屏障之后" 该点位的描述文字(已弃用)
imageLink 图片文件名 该点位的描述图片(已弃用)
wikiLink 链接地址 该点位跳转的WIKI页面地址(已弃用)
videoLink 链接地址 该点位上的说明视频地址(已弃用)

补充说明

1.Data:Map/type/json里面每个点位还新增了三个属性iconAnchor: [14.5, 46], popupAnchor:[0, -40], iconSize:[29, 46]。可以不用设置,默认值就是这些,是以原神的锚点图为标准大小的尺寸参考,如果要定制锚点图的话可以改这仨,每个类型可以不一样

2.目前原神这边探索出来的一个包含三级分类点位的用法是创建对应的type如冰霜骗骗花?,打点之后再把冰霜的点位粘到type是骗骗花的页面,这样可以在列表显示一个骗骗花,但是地图上显示的锚点图片是分冰霜和烈焰的(对于世界boss、npc、不主要关心属性的点位类型比较有用)

修改示例:

{"type":"收集","markType":100,"markTypeName":"背包宝箱","icon":"{{filepath:bu_chest_gold.png}}","defaultShow":1,"index":100, "iconSize":[26,26], "iconAnchor": [13, 26], "popupAnchor": [0, -26]},


3.点位页面嵌入视频或者其他正常的wiki用法会带来一些便利,但是也有一些自带的功能可能无法使用,测试不是很完全,可能会是坑

打点教程

打点方法:https://wiki.biligame.com/ys/Map%E6%95%99%E7%A8%8B

地图区域划分方法:https://wiki.biligame.com/ht/%E5%9C%B0%E5%9B%BE%E5%8C%BA%E5%9F%9F%E5%88%92%E5%88%86%E6%95%99%E7%A8%8B