# china_charts

**Repository Path**: myDcool/china_charts

## Basic Information

- **Project Name**: china_charts
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-21
- **Last Updated**: 2024-10-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# china_charts

#### 介绍
中国地图插件, 根据远程数据渲染, 可点击显示信息

#### 软件架构
```
/- index.html #入口文件
/-static
  - data #网页中展示的数据
    - province.txt #各省份数据
  - css  #网页美化用代码
  - js   #网页交互用代码
   - china.js #显示地图的js
   - echarts.js #百度图表插件

/- tool #工具文件夹
  - nginx.conf  #nginx配置文件
  - nginx_start.bat #启动nginx
    
```


#### 使用教程
- 1.安装 nginx web服务器 (用来接受浏览器发送的页面请求)
  - 下载
    - 官网: `https://nginx.org/en/download.html`
    - 具体版本: `https://nginx.org/download/nginx-1.26.2.zip`
  - 解压
    - 解压到目录(举例): `D:\server\nginx`
    - 编辑配置文件: `D:\server\nginx\conf\nginx.conf` 内容可用 `tool/nginx.conf`中的内容替换
  - 启动
    - 双击文件 `nginx_start.bat`
- 2.修改网址解析文件
  - `C:\Windows\System32\drivers\etc\hosts`
  - 修改此文件的访问权限, 让当前用户可以编辑
  - 文件最下边添加一行`127.0.0.1 www.test.com`
  - 保存
  - 修改此文件的作用是为了, 当在电脑浏览器中访问 `www.test.com`这个域名时, 访问的是此电脑的代码, 而不是外网
- 3.将代码文件复制到本地目录中
  - "D:\code\china_charts"
- 4.在浏览器中打开网页
  - 在地址栏输入 `www.test.com`
  - 按回车, 即可访问 `D:\code\china_charts\index.html` 中的代码
- 5.修改数据文件
  - 文件地址: `D:\code\china_charts\static\data\province.txt`
  - 将省市名后边的`-`替换为想要的文字
  - 按键盘的`ctrl 和 f5` 强制刷新浏览器, 查看最新数据