所在位置：
首页 >
营销资讯 >
网站运营 > 从零开始，构建电子地图网站：0_0_.目标确立与拆解
从零开始，构建电子地图网站：0_0_.目标确立与拆解
时间：2023-06-25 03:39:01 | 来源：网站运营
时间：2023-06-25 03:39:01 来源：网站运营
从零开始，构建电子地图网站：0_0_.目标确立与拆解：从零开始，做出一个电子地图网站。
0_0_.目标确立与拆解
一、目标：
做出一个中文版的中国历史地理电子地图网站，样例就是哈佛大学世界历史地理电子地图。
网址：
http://worldmap.harvard.edu/maps/chinaX界面：
二、目标拆解
从页面分布上看，最上面是一些操作控件（Sign in、Create Map、Add Layyer、Identity等），左侧边栏是可选择的图层列表，最下面有一个搜索框，右侧是地图展示。
实现是递进的。
- 地图展示，底图+点、线、面、注记展示。
- 图层列表展示，复选框加载覆盖物，单选框切换底图。
- 搜索框在图面定位搜索内容。
- 控件功能实现，根据需求，会加上添加图层、关于等内容。
这是简单的目标拆解，在实现的过程中，会细化扩充。
三、过程步骤
因为搞了一台新电脑，所以算得上从无到有。
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/Q9VOF53.后端工程搭建
用Java搭建一个spring boot的web工程。
4.前端可视化
本着前后端分离的思想，搭一个VUE的前端框架。
5.部署上线
自己买服务器不大现实，搞台腾讯或阿里云主机上线。
6.测试
测试不是最后测，测试要每个阶段都要测。
开始行动，先从安装软件来。
在线咨询
