从零开始，做出一个电子地图网站。

0_0_.目标确立与拆解

 

一、目标：

做出一个中文版的中国历史地理电子地图网站，样例就是哈佛大学世界历史地理电子地图。

网址：http://worldmap.harvard.edu/maps/chinaX

界面：

 

二、目标拆解

从页面分布上看，最上面是一些操作控件（Sign in、Create Map、Add Layyer、Identity等），左侧边栏是可选择的图层列表，最下面有一个搜索框，右侧是地图展示。

实现是递进的。

1. 地图展示，底图+点、线、面、注记展示。
2. 图层列表展示，复选框加载覆盖物，单选框切换底图。
3. 搜索框在图面定位搜索内容。
4. 控件功能实现，根据需求，会加上添加图层、关于等内容。

这是简单的目标拆解，在实现的过程中，会细化扩充。

三、过程步骤

因为搞了一台新电脑，所以算得上从无到有。

       1.安装软件

后端开发软件：IntelliJ IDEA，语言JAVA。

数据处理软件：pyCharm，语言python。

前端开发软件：sublime，语言JavaScript。

数据库：PostgreSQL+PostGIS，语言SQL。

数据查看软件：QGIS。

浏览器：谷歌chrome

 

       2.数据处理入库

下载中国历史地理GIS数据，数据格式是shp的，处理后导入postgreGIS。

数据来源：

China Historical GIS：

https://sites.fas.harvard.edu/~chgis/data/chgis/v6/

先下载一份时间序列数据：Download CHGIS V6 TIME SERIES Data

https://dataverse.harvard.edu/dataset.xhtml?persistentId=doi:10.7910/DVN/Q9VOF5

 

      3.后端工程搭建

用Java搭建一个spring boot的web工程。

 

      4.前端可视化

本着前后端分离的思想，搭一个VUE的前端框架。

 

      5.部署上线

自己买服务器不大现实，搞台腾讯或阿里云主机上线。

 

       6.测试

测试不是最后测，测试要每个阶段都要测。

 

开始行动，先从安装软件来。