中国人才补贴政策地图
一个展示全国各地人才补贴政策的交互式地图应用。
🚀 快速开始
方式一：GitHub Pages（推荐）
1. Fork本仓库或创建新仓库
- 访问：https://github.com/spz-89/china-talent-policy
- 如果仓库不存在，点击 “New repository” 创建
2. 上传文件
方法A：使用自动上传脚本（推荐）
双击：upload-to-github.bat
→ 按提示操作
→ 等待上传完成
方法B：手动上传
- 访问仓库：https://github.com/spz-89/china-talent-policy
- 点击 “Upload files”
- 拖拽以下文件：
display.htmlchina.jsonlandmarks.js各地人才补贴.xlsxdebug.html（可选）README.md（可选）
- 点击 “Commit changes”
3. 启用GitHub Pages
- 访问：https://github.com/spz-89/china-talent-policy/settings/pages
- 设置为：
- Source: Deploy from a branch
- Branch: main
- Folder: / (root) ← 重要！必须是根目录
- 点击 Save
- 等待1-2分钟，访问：https://spz-89.github.io/china-talent-policy/
方式二：本地使用
管理员上传数据
双击：admin-v2.0.html
→ 上传Excel
→ 点击"保存数据并查看"
→ 完成！
领导查看数据
双击：display.html
→ 立即显示
→ 点击省份查看各级政策
→ 完成！
✨ 功能特点
- 📍 交互式地图：点击省份查看各地人才补贴政策
- 🎨 精美UI设计：现代化渐变风格，视觉效果出色
- 📊 数据可视化：基于ECharts的地图展示
- 🔄 自动更新：通过GitHub自动获取最新政策数据
- 📱 响应式设计：支持各种屏幕尺寸
- 🏛️ 地标展示：展示各地标志性建筑
- 📋 多级分组：按国家级、省级、市级、区级自动分组
📁 文件说明
核心文件
| 文件 | 说明 |
|——|——|
| display.html | 主展示页面 ⭐ |
| admin-v2.0.html | 管理后台（本地用） |
| china.json | 中国地图数据 |
| landmarks.js | 地标图片配置 |
数据文件
| 文件 | 说明 |
|——|——|
| 各地人才补贴.xlsx | 人才补贴政策数据 ⭐ |
| 各地政府相关人才项目机会.xlsx | 政府人才项目数据 ⭐ |
📊 Excel数据格式
必需列
可选列
- 政策级别（国家级/省级/市级/区级）
- 城市
- 区县
- 补贴内容
- 学历要求
- 申请条件（type）
- 政策链接
Excel示例
| 政策级别 |
省份 |
城市 |
区县 |
政策标题 |
学历要求 |
补贴内容 |
条件 |
政策链接 |
| 国家级 |
”” |
”” |
”” |
国家级人才计划 |
博士 |
100万 |
… |
http://… |
| 省级 |
广东省 |
”” |
”” |
省人才引进 |
硕士 |
50万 |
… |
http://… |
| 市级 |
广东省 |
广州市 |
”” |
市创业补贴 |
本科 |
20万 |
… |
http://… |
| 区级 |
广东省 |
北京市 |
海淀区 |
区级人才扶持 |
不限 |
10万 |
… |
http://… |
🔧 GitHub配置
自动配置（推荐）
在GitHub Pages环境中，系统会自动检测仓库地址，无需配置。
手动配置
如果需要手动配置，编辑display.html：
const CONFIG = {
githubRepo: 'YOUR_USERNAME/YOUR_REPO', // 你的GitHub仓库
dataFiles: [
'各地人才补贴.xlsx',
'各地政府相关人才项目机会.xlsx'
],
cacheDuration: 24 * 60 * 60 * 1000 // 缓存24小时
};
🔄 自动更新机制
- 自动检测：在GitHub Pages自动识别仓库地址
- 智能缓存：数据缓存24小时，避免频繁请求
- 失败回退：GitHub加载失败时使用本地缓存
- 更新提示：每次加载显示数据更新时间
📝 数据更新流程
GitHub方式
- 修改Excel文件
- 提交到GitHub仓库
- 用户刷新页面即可获取最新数据
- 缓存24小时后自动更新
本地方式
- 打开admin-v2.0.html
- 上传Excel文件
- 点击”保存数据并查看”
🚢 部署到GitHub Pages
自动部署
每次推送代码到main分支，GitHub自动部署。
手动触发
- 进入仓库Settings > Pages
- 点击”Force rebuild”
🆘 故障排查
使用调试工具
访问 debug.html 进行自动诊断：
- 检查所有文件是否正常加载
- 检查Excel文件是否可读取
- 检查缓存状态
- 查看详细错误日志
常见问题
问题1：地图显示但没有数据
- 打开浏览器控制台（F12）查看错误信息
- 确认Excel文件已上传到GitHub仓库根目录
- 确认文件名为
各地人才补贴.xlsx
- 点击清除缓存并刷新页面
问题2：Excel文件加载失败
- 确认Excel文件大小建议不超过5MB
- 检查网络连接，确保能访问GitHub
- 确认使用HTTPS协议访问GitHub Pages
- 查看控制台的详细错误信息
问题3：缓存显示旧数据
- 打开控制台运行：
localStorage.clear()
- 刷新页面重新加载
- 或访问
debug.html 清除缓存
问题4：SheetJS未加载
- 检查网络连接
- 确保能访问
cdn.jsdelivr.net
- 尝试使用VPN或更换网络环境
🤝 贡献
欢迎提交Issue和Pull Request！
📄 许可证
MIT License
| 版本：v3.0 |
更新：2026-03-20 |
支持方式：GitHub Pages + 本地 |
📋 需求记录
点击查看完整需求记录（v1.0 → v3.0）
### 版本历史
| 版本 | 日期 | 主要更新 |
|------|------|----------|
| v3.0 | 2026-03-20 | **支持GitHub自动更新，修复地图双显示，优化UI布局** |
| v2.2 | 2026-03-18 | 界面优化与增强（移除管理按钮、北京五角星、地标图片、滚动提示） |
| v2.1 | 2026-03-18 | 多级政策分组（国家级/省级/市级/区级）支持9个Excel字段 |
| v2.0 | 2026-03-18 | localStorage自动同步、简化操作流程 |
| v1.2 | 2026-03-18 | 管理端与展示端分离、政策链接跳转 |
| v1.1 | 2026-03-18 | 修复地图加载问题，支持在线+离线双模式 |
| v1.0 | 2026-03-18 | 基础功能：地图展示、省份下钻、详情查看 |
### v3.0主要更新
#### 修复地图双显示问题
- 删除geo配置，只保留series.map
- 解决地图缩放时出现两个中国地图的问题
#### 优化地区信息排版
- 地标图片横跨省份、城市、区县三行
- 政策链接按钮放在右侧，大小适中
- 实现左地标、中字段、右链接三栏布局
#### 集成GitHub自动更新
- 添加SheetJS库支持Excel解析
- 自动检测GitHub仓库地址
- 24小时缓存机制
- 失败自动回退到本地缓存
### v2.2主要功能
**北京标识**：红色区域+金色五角星
**安全提升**：展示页面移除管理后台入口
**地标展示**：64个省市/区域地标图片
**操作提示**：滚动放大缩小地图提示
### v2.1主要功能
- 多级政策分组（国家级、省级、市级、区级）
- 支持政策级别、区县、学历要求字段识别
- 自动排序，层级清晰
### v2.0主要功能
- localStorage自动同步数据
- 简化操作流程（从7步减少到3步）
- 管理后台上传后直接跳转展示页面
### v1.2主要功能
- 分离管理后台和展示页面
- 支持政策链接跳转
- 避免普通用户误操作