原神 · 提瓦特地图

一张可以自己往上标点的提瓦特地图：点位用底图图片的像素坐标（左上角 0,0）， 所以换任何一张地图都不用换算游戏内坐标。左侧列表可搜索、按分类与区域筛选，点条目会把地图飞过去。

正在加载地图…

怎么用

• 看：滚轮缩放、拖动平移；滑过点位看名称，点击看分类/区域/坐标与备注。
• 筛：工具栏的「分类」「区域」下拉与搜索框；右侧列表同步过滤。
• 标：点「标注模式」，再点地图空白处输入名称即新增点位（坐标自动取当前点击位置）；列表里 ✕ 可删除。
• 存：点「导出 JSON」，把下载的 points.json 覆盖 docs/public/data/genshin/points.json 即可。

数据从哪来

页面读的是 docs/public/data/genshin/points.json。目前里面是 3 个示例点（蒙德/璃月/稻妻）， 用来验证交互；真实点位需要从表格导入：

1. 在腾讯文档里打开那份《提瓦特地图区域分级名称》，文件 → 下载 → Excel；
2. 把下载的文件放到 tools/data/source/genshin-regions.xlsx；
3. 运行 node tools/build-genshin.cjs --dry 先看识别到的列（会打印表头），确认无误后去掉 --dry 写入；
4. 若表里是 0–1 或 0–100 的归一化坐标，用 --scale=宽,高 指定底图尺寸换算成像素。

导入工具会自动识别「名称／分类／区域／x／y／备注」这些列；四个工作表（提瓦特、至冬、限时、尘歌壶）会合并导入， 并把工作表名作为默认的「区域」。

底图

当前用的是 docs/public/img/genshin/placeholder.svg（4096×4096 网格占位）。 换成真实地图时：把图片放到 docs/public/img/genshin/teyvat.jpg，然后改 points.json 的：

"base": { "image": "/img/genshin/teyvat.jpg", "width": 8192, "height": 8192 }

width/height 填图片的真实像素尺寸——点位坐标就是按这个尺寸量的。

说明：米游社与 bwiki 的地图瓦片由其自身服务提供，不能直接抓取或嵌入；因此这里采用「自备底图 + 自有点位」 的方式，点位数据完全来自你自己的表格。

数据与版权

• 点位：来自上述表格（尚未导入，页面内为示例点）。
• 底图：占位网格由本站生成；替换为自制或授权图片后请在页尾注明来源。
• 原神（Genshin Impact）相关名称与设定的版权归米哈游所有，本页仅作个人地图整理之用。