# map_history

**Repository Path**: mapleegiser/map_history

## Basic Information

- **Project Name**: map_history
- **Description**: 这是一个结合地图进行历史讲解的网站
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-27
- **Last Updated**: 2025-12-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 历史地图知识大集合 (History Map Knowledge Collection)

这是一个基于 Web 的互动式历史地理学习平台，通过地图和详细的章节内容，带您深入探索中国历史上的地理要冲、战略格局与文化变迁。

## 🌟 项目亮点

- **互动式地图体验**：集成高德地图（AMap）API，提供直观的历史地理位置展示。
- **丰富的章节内容**：涵盖 17 个精心编写的章节，从“兵家必争的荆州”到“丝绸之路”的河西走廊，全方位解析历史背后的地理逻辑。
- **图文并茂**：每个章节都配有丰富的历史地图和实景图片，帮助理解复杂的历史地理关系。
- **响应式设计**：支持多种设备访问，提供流畅的学习体验。

## 📂 目录结构

```text
history_map/
├── chapters/          # 各章节的 HTML 页面
├── components/        # 公共 HTML 组件（如卡片、地图容器）
├── css/               # 样式文件（基础样式、章节样式、公共样式）
├── docs/              # 章节内容的 Markdown 源文件
├── images/            # 章节配套的历史地图和图片资源
├── js/                # 核心 JavaScript 逻辑
│   ├── chapter.js     # 章节页面逻辑
│   ├── common.js      # 公共工具函数
│   └── map-utils.js   # 高德地图初始化与工具函数
├── index.html         # 项目首页，章节入口
└── map-view.html      # 全屏地图浏览模式
```

## 🚀 快速开始

1. **克隆项目**：
   ```bash
   git clone <repository-url>
   ```
2. **直接运行**：
   项目基于静态 HTML/JS 构建，无需复杂的安装步骤。直接在浏览器中打开根目录下的 `index.html` 即可开始探索。

## 🛠️ 技术栈

- **前端**：HTML5, CSS3, JavaScript (ES6+)
- **地图引擎**：高德地图 JS API (AMap)
- **内容组织**：Markdown (docs 目录)

## 📖 章节概览

1. **第一章：兵家必争的荆州** - 探索三国时期的战略中枢。
2. **第二章：关中大地，王者之气** - 秦汉统一天下的地理基础。
3. **第三章：江南富足，衣冠南渡** - 华夏文明的南迁与经济重心转移。
... 以及更多关于山西、燕赵、中原、巴蜀、云贵、河套、河西走廊等地区的精彩内容。

## 🤝 贡献指南

如果您发现内容错误或有更好的建议，欢迎提交 Issue 或 Pull Request。