從零開始,構(gòu)建電子地圖網(wǎng)站:0_0_.目標(biāo)確立與拆解
時(shí)間:2023-06-25 03:39:01 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)
時(shí)間:2023-06-25 03:39:01 來(lái)源:網(wǎng)站運(yùn)營(yíng)
從零開始,構(gòu)建電子地圖網(wǎng)站:0_0_.目標(biāo)確立與拆解:從零開始,做出一個(gè)電子地圖網(wǎng)站。
0_0_.目標(biāo)確立與拆解
一、目標(biāo):
做出一個(gè)中文版的中國(guó)歷史地理電子地圖網(wǎng)站,樣例就是哈佛大學(xué)世界歷史地理電子地圖。
網(wǎng)址:
http://worldmap.harvard.edu/maps/chinaX界面:
二、目標(biāo)拆解
從頁(yè)面分布上看,最上面是一些操作控件(Sign in、Create Map、Add Layyer、Identity等),左側(cè)邊欄是可選擇的圖層列表,最下面有一個(gè)搜索框,右側(cè)是地圖展示。
實(shí)現(xiàn)是遞進(jìn)的。
- 地圖展示,底圖+點(diǎn)、線、面、注記展示。
- 圖層列表展示,復(fù)選框加載覆蓋物,單選框切換底圖。
- 搜索框在圖面定位搜索內(nèi)容。
- 控件功能實(shí)現(xiàn),根據(jù)需求,會(huì)加上添加圖層、關(guān)于等內(nèi)容。
這是簡(jiǎn)單的目標(biāo)拆解,在實(shí)現(xiàn)的過(guò)程中,會(huì)細(xì)化擴(kuò)充。
三、過(guò)程步驟
因?yàn)楦懔艘慌_(tái)新電腦,所以算得上從無(wú)到有。
1.安裝軟件
后端開發(fā)軟件:IntelliJ IDEA,語(yǔ)言JAVA。
數(shù)據(jù)處理軟件:pyCharm,語(yǔ)言python。
前端開發(fā)軟件:sublime,語(yǔ)言JavaScript。
數(shù)據(jù)庫(kù):PostgreSQL+PostGIS,語(yǔ)言SQL。
數(shù)據(jù)查看軟件:QGIS。
瀏覽器:谷歌chrome
2.數(shù)據(jù)處理入庫(kù)
下載中國(guó)歷史地理GIS數(shù)據(jù),數(shù)據(jù)格式是shp的,處理后導(dǎo)入postgreGIS。
數(shù)據(jù)來(lái)源:
China Historical GIS:
https://sites.fas.harvard.edu/~chgis/data/chgis/v6/先下載一份時(shí)間序列數(shù)據(jù):Download CHGIS V6 TIME SERIES Data
https://dataverse.harvard.edu/dataset.xhtml?persistentId=doi:10.7910/DVN/Q9VOF53.后端工程搭建
用Java搭建一個(gè)spring boot的web工程。
4.前端可視化
本著前后端分離的思想,搭一個(gè)VUE的前端框架。
5.部署上線
自己買服務(wù)器不大現(xiàn)實(shí),搞臺(tái)騰訊或阿里云主機(jī)上線。
6.測(cè)試
測(cè)試不是最后測(cè),測(cè)試要每個(gè)階段都要測(cè)。
開始行動(dòng),先從安裝軟件來(lái)。
關(guān)鍵詞:目標(biāo),確立,地圖,電子