全国烤群地图

一个面向 世界计划（Project SEKAI / PJSK）同好 的全国群聊聚合地图站点。

项目以中国地图为核心展示界面，支持按省份查看群聊分布、搜索筛选、复制群号、深浅色切换，以及移动端适配，适合快速查找地区群、校群和其他相关社群。

项目特性

• 基于中国地图展示全国群聊分布
• 支持点击省份查看详细群列表
• 支持全局搜索、分类筛选、排序
• 支持海外与非地区群切换
• 支持一键复制群号或链接
• 支持浅色 / 深色主题
• 支持桌面端与移动端布局
• 使用远程 API 获取最新数据

技术栈

• index.html：页面结构与 SEO 信息
• styles.css：主题样式、动画、响应式布局
• app.js：数据获取、状态管理、地图交互、列表渲染
• china.js / china.min.js：地图绘制依赖
• d3@7.9.0：SVG 交互与缩放能力

数据来源

当前项目仅使用在线接口：

• https://mapapi.enldm.cyou/api/pjsk

前端会直接请求该接口，并将返回的群数据按省份分组后渲染到地图与详情面板中。

运行方式

方式一：直接打开

直接用浏览器打开 index.html 即可预览页面。

方式二：本地静态服务器

如果需要更稳定地测试资源加载与接口请求，建议使用静态服务器：

python -m http.server 8000

或：

npx serve .

主要文件

.
├─ index.html
├─ styles.css
├─ app.js
├─ china.js
├─ china.min.js
├─ PJSK.png
├─ qrcode.webp
├─ favicon.ico
├─ robots.txt
├─ sitemap.xml
└─ LICENSE

当前版本说明

当前版本已经完成以下改动：

• 从 BanG Dream! 主题切换为世界计划主题
• 页面主视觉从粉色调整为青蓝色
• Logo 替换为 PJSK.png
• 数据接口切换到 PJSK API
• 移除了本地 JSON 兜底逻辑
• 移除了彩蛋功能
• 适配了最新 d3.zoom() 交互逻辑

页面功能概览

地图区域

• 展示中国地图
• 根据各省群数量显示不同颜色深浅
• 支持缩放、拖拽、重置视图
• 点击省份查看该地区群详情

详情面板

• 显示当前省份群数量
• 支持按关键词搜索群名 / 群号
• 支持按类型筛选
• 支持按时间、名称、类型排序
• 支持复制群号或打开链接

其他功能

• 海外群切换
• 非地区群切换
• 反馈二维码弹窗
• 系统主题跟随与手动切换

使用场景

• 快速查找自己所在地区的世界计划群
• 统一浏览全国群分布情况
• 帮助社群维护者整理和检查收录情况
• 用于静态部署展示社群导航页面

开源协议

项目使用 GPLv3 协议开源。

致同好

这个项目的目标，是把分散在各地的世界计划群聊更直观地组织起来，帮助更多同好更快找到组织。