基于WebGIS的歷史遠(yuǎn)征文化故事地圖網(wǎng)站設(shè)計(jì)與開發(fā)

鐘曉玲 鐘廣銳 王穎豐 陳治培 林樺潤(rùn) 單應(yīng)成

摘要：歷史文化是文化的重要組成部分，記載著黨在民族道路上的輝煌歷史。英雄模范所展現(xiàn)出的精神是先進(jìn)價(jià)值觀念和道德品格的時(shí)代體現(xiàn)，是留給后人的寶貴精神財(cái)富。為了能夠讓當(dāng)代青年利用互聯(lián)網(wǎng)學(xué)習(xí)歷史，在成長(zhǎng)中能夠形成正確的價(jià)值認(rèn)知，做出正確的價(jià)值選擇，讓當(dāng)代青年在實(shí)踐中增加對(duì)國(guó)家的發(fā)展方向認(rèn)同度。文章應(yīng)用Vue.s框架、GeoServer和OpenLayers等相關(guān)技術(shù)，開發(fā)了一個(gè)基于WebGIS的歷史遠(yuǎn)征文化故事地圖網(wǎng)站。本網(wǎng)站應(yīng)用數(shù)字化技術(shù)以地圖的形式展現(xiàn)了歷史遠(yuǎn)征文化，打開了歷史傳播新思路，拓寬了歷史文化傳播道路，開發(fā)出更具影響力的傳播模式。

關(guān)鍵詞：地理信息系統(tǒng);WebGIS;Vue;故事地圖

中圖法分類號(hào)：TP393文獻(xiàn)標(biāo)識(shí)碼：A

WebGIS-based design and development of historical expeditioncultural story map website

ZHONG Xiaoling，ZHONGGuangrui，WANGYingfeng，CHENZhipei，LINHuarun，SHANYingcheng

（JiayingUniversity，Meizhou，Guangdong 514000，China）

Abstract：History and culture are an important part of culture， recording the CPC's glorious history on the national road. The spirit shown by the heroic models is the contemporary embodiment of advanced values and moral character， and is a valuable spiritual treasure left to future generations. In order to enable the youth of today to use the Internet to learn about history， to be able to recognise the correct value perceptions and make the correct value choices in their growth，and to allow the youth of today to increase their identification with the direction of the country's development in practice. This paper uses Vue.js framework， GeoServer， OpenLayers and other related technologies to develop a WebGIS-based historical expedition culture story map website. This website uses digital technology to show the historical expedition culture in the form of a map opens up new ideas for historical communication， broadens the path of historical and cultural communication， and develops a more influential mode of communication.

Key words：GIS，WebGIS，Vue，story map

歷史文化是我國(guó)在歷史的革命中發(fā)展而來(lái)的獨(dú)有的文化形態(tài)，具有深遠(yuǎn)的影響與深厚的價(jià)值。但歷史文化在傳播的過(guò)程中存在一定的問題，如今文化傳播媒介與策略以圖文為主，傳播效果有限，欠缺互動(dòng)性，應(yīng)用在歷史文化教育的效果不佳。而在歷史文化傳播中引入 GIS 技術(shù)，能夠?qū)v史資料進(jìn)行空間定位，可以將傳統(tǒng)文本資料數(shù)字化[1]。本文將 GIS 技術(shù)應(yīng)用于海量的歷史人文資料，推出歷史遠(yuǎn)征文化故事地圖網(wǎng)站。

1網(wǎng)站簡(jiǎn)介

為了銘記歷史、遠(yuǎn)征偉大歷程與不畏艱難險(xiǎn)阻的精神，本文利用具有強(qiáng)大的信息處理能力與空間分析能力的 GIS 技術(shù)，對(duì)歷史遠(yuǎn)征文化進(jìn)行研究與展示。故事地圖具有強(qiáng)大視覺吸引性與敘事能力，能夠?qū)崿F(xiàn)地理時(shí)空事件的可視化。通過(guò)WebGIS地圖應(yīng)用、地理學(xué)與人文歷史資源相結(jié)合的方式而構(gòu)建出故事地圖網(wǎng)站。本網(wǎng)站以地圖的形式展現(xiàn)歷史遠(yuǎn)征中的戰(zhàn)役勢(shì)態(tài)變化，通過(guò)對(duì)空間數(shù)據(jù)進(jìn)行操作，從時(shí)空角度展現(xiàn)戰(zhàn)役事件以及當(dāng)時(shí)領(lǐng)導(dǎo)人與革命元帥的革命精神，得到不同于傳統(tǒng)資料分析方法的數(shù)字化結(jié)果。以此方式可以系統(tǒng)性地展示遠(yuǎn)征的發(fā)展歷程，以歷史事件與偉大英雄人物為核心建立故事地圖網(wǎng)站，有利于廣大青年對(duì)于歷史文化的學(xué)習(xí)，對(duì)于弘揚(yáng)愛國(guó)主義教育精神有著重要的實(shí)際價(jià)值和意義。

2網(wǎng)站設(shè)計(jì)

2.1系統(tǒng)框架設(shè)計(jì)

本網(wǎng)站使用 B/S 架構(gòu)（圖1）。B/S 架構(gòu)的可維護(hù)性較高，具有表現(xiàn)層、業(yè)務(wù)層、數(shù)據(jù)層，若需要修改頁(yè)面功能，只需要擴(kuò)充業(yè)務(wù)層的內(nèi)容，能夠大大降低開發(fā)和維護(hù)的成本[2]。表現(xiàn)層是直接和用戶進(jìn)行交互的部分，呈現(xiàn)業(yè)務(wù)層中傳遞的數(shù)據(jù)。本網(wǎng)站的表現(xiàn)層是由 HTML5，CSS，JavaScript 技術(shù)編寫而成，用戶界面美觀、簡(jiǎn)潔、流暢，主要用于地圖操作、查詢檢索、顯示地圖與數(shù)據(jù)分析結(jié)果[3];業(yè)務(wù)層是 Web 系統(tǒng)的關(guān)鍵，負(fù)責(zé)實(shí)現(xiàn)整體業(yè)務(wù)邏輯以及數(shù)據(jù)處理。本網(wǎng)站的業(yè)務(wù)層負(fù)責(zé)實(shí)現(xiàn)整體業(yè)務(wù)邏輯以及數(shù)據(jù)處理，位于表現(xiàn)層與數(shù)據(jù)層之間，將業(yè)務(wù)邏輯應(yīng)用于相關(guān)數(shù)據(jù)，可以實(shí)現(xiàn)讀取用戶通過(guò)表示層發(fā)出的請(qǐng)求[4～5];數(shù)據(jù)層是業(yè)務(wù)數(shù)據(jù)的存放地，本網(wǎng)站通過(guò) PostgreSQL 數(shù)據(jù)庫(kù)來(lái)實(shí)現(xiàn)數(shù)據(jù)的存儲(chǔ)與數(shù)據(jù)的集中管理。

2.2功能模塊設(shè)計(jì)

歷史遠(yuǎn)征文化故事網(wǎng)站按照功能模塊化原則進(jìn)行設(shè)計(jì)，總體包括用戶管理、地圖展示、歷史教育三大模塊（圖2）。

2.3數(shù)據(jù)庫(kù)設(shè)計(jì)

數(shù)據(jù)庫(kù)包括基礎(chǔ)地理信息空間數(shù)據(jù)庫(kù)和歷史專題數(shù)據(jù)庫(kù)，基礎(chǔ)地理信息數(shù)據(jù)庫(kù)為平臺(tái)的地圖模塊功能提供空間數(shù)據(jù);歷史專題數(shù)據(jù)庫(kù)為平臺(tái)門戶首頁(yè)提供基本的歷史數(shù)據(jù)。

3功能實(shí)現(xiàn)

3.1遠(yuǎn)征行進(jìn)路線展示

主界面所顯示的行進(jìn)路線圖層儲(chǔ)存在 PostgreSQL 數(shù)據(jù)庫(kù)中，通過(guò)GeoServer服務(wù)器進(jìn)行發(fā)布，最后利用OpenLayers在頁(yè)面中顯示出來(lái)。

3.2地圖操作模塊

（1）地圖縮放：用戶通過(guò)滾動(dòng)鼠標(biāo)滾輪可以對(duì)地圖進(jìn)行放大、縮小操作;鼠標(biāo)點(diǎn)擊左上角縮放按鈕可以進(jìn)行縮放操作。

（2）坐標(biāo)測(cè)量：?jiǎn)螕羰髽?biāo)，在地圖上確立一個(gè)坐標(biāo)點(diǎn)，可以獲取該點(diǎn)的坐標(biāo)。

（3）距離測(cè)量：鼠標(biāo)點(diǎn)擊地圖，確立兩個(gè)及以上的平面點(diǎn)，形成一條線段，可以計(jì)算鼠標(biāo)繪制的線段的實(shí)際長(zhǎng)度。

（4）面積測(cè)量：利用鼠標(biāo)在地圖上繪制一個(gè)封閉的多邊形，可以計(jì)算鼠標(biāo)繪制范圍的實(shí)際面積大小。

3.3查詢檢索模塊

（1）戰(zhàn)役地點(diǎn)查詢

在查詢工具使用鼠標(biāo)單擊“戰(zhàn)役地點(diǎn)查詢”選項(xiàng)即可顯示彈窗，在搜索框內(nèi)輸入戰(zhàn)役地點(diǎn)，如“陜西省延安市吳起縣”，會(huì)跳轉(zhuǎn)到對(duì)應(yīng)地點(diǎn)的戰(zhàn)役事件位置，并且在頁(yè)面中顯示搜索地點(diǎn)的戰(zhàn)役事件名稱、戰(zhàn)役發(fā)生時(shí)間與戰(zhàn)役事件介紹。

（2）戰(zhàn)役事件查詢

在查詢工具使用鼠標(biāo)單擊“戰(zhàn)役事件查詢”選項(xiàng)即可顯示彈窗，在搜索框內(nèi)輸入戰(zhàn)役事件名稱，如“湘江戰(zhàn)役”，會(huì)跳轉(zhuǎn)到對(duì)應(yīng)符合查詢條件的戰(zhàn)役事件的地理位置，在頁(yè)面中顯示搜索事件的戰(zhàn)役發(fā)生時(shí)間、戰(zhàn)役發(fā)生地點(diǎn)與戰(zhàn)役事件介紹。

3.4戰(zhàn)地自然影響因素與經(jīng)濟(jì)發(fā)展地圖展示

應(yīng)用坡度分析、緩沖區(qū)分析等研究方法，對(duì)遠(yuǎn)征自然影響因素進(jìn)行分析，得到相應(yīng)的分析圖。將圖層數(shù)據(jù)存入數(shù)據(jù)庫(kù)中，使用GeoServer和OpenLayers技術(shù)調(diào)用分析的結(jié)果并在頁(yè)面中展示。

本網(wǎng)站將河流數(shù)據(jù)利用GeoServer進(jìn)行發(fā)布，最后利用OpenLayers調(diào)用并顯示。從水系圖來(lái)看，遠(yuǎn)征行進(jìn)路線由南向北沿著大江大河而上，沿途經(jīng)于都河、桃江、瀟水、湘江等河流。在此期間，不僅要戰(zhàn)勝敵人，還要戰(zhàn)勝極其惡劣的自然環(huán)境。

遠(yuǎn)征所經(jīng)省份的高程大部分介于778～4672m，在途中共翻越了虹橋山、夾金山、夢(mèng)筆山等10余座海拔4000m 以上的大雪山。當(dāng)時(shí)行軍裝備簡(jiǎn)陋、食物供給困難，要翻越大山所要面臨的困難重重，展現(xiàn)了中華民族自強(qiáng)不息的精神。

行進(jìn)區(qū)域內(nèi)的整體坡度介于6°～17°，整體行進(jìn)路線的所經(jīng)區(qū)域坡度較陡、地勢(shì)較高，結(jié)合坡度分析專題圖可以看出行軍路線在貴州、云南、四川等省份距離較長(zhǎng)，主要是因?yàn)樵瀑F高原和青藏高原地區(qū)坡度較陡，由此可知路上的艱難險(xiǎn)阻。

3.5歷史教育模塊

（1）英雄人物事跡介紹

本網(wǎng)站為用戶提供了英雄人物事跡介紹的功能，用戶在瀏覽行進(jìn)路線時(shí)，可通過(guò)鼠標(biāo)點(diǎn)擊事件點(diǎn)，了解英雄人物事跡。通過(guò)圖片和文字的形式進(jìn)行事跡介紹，提供較好的用戶體驗(yàn)感。

（2）著名戰(zhàn)役事件介紹

本網(wǎng)站為用戶提供了著名戰(zhàn)役事件介紹的功能，用戶可通過(guò)鼠標(biāo)點(diǎn)擊事件點(diǎn)了解該場(chǎng)戰(zhàn)役的事件介紹，包括戰(zhàn)役發(fā)生的地點(diǎn)、發(fā)生的事件以及戰(zhàn)役內(nèi)容。

（3）人物關(guān)系圖

本網(wǎng)站的人物關(guān)系圖采用ECharts圖表的形式進(jìn)行展示，用戶可在地圖上查看各遠(yuǎn)征時(shí)期著名人物的名稱以及人物之間的關(guān)系，還可通過(guò)鼠標(biāo)懸停事件查看人物的信息介紹。

4結(jié)束語(yǔ)

GIS 具有綜合性與快速發(fā)展的特點(diǎn)，其特有的地圖化表達(dá)與時(shí)空化思維可以直觀地展現(xiàn)遠(yuǎn)征行進(jìn)路線、著名事件、人物介紹。歷史遠(yuǎn)征文化故事地圖網(wǎng)站以地圖作為可視化的載體，更加生動(dòng)形象地展示了行進(jìn)路線、戰(zhàn)地自然地理環(huán)境與經(jīng)濟(jì)發(fā)展情況，為歷史研究人員與青少年提供了一個(gè)歷史文化學(xué)習(xí)平臺(tái)，也為歷史文化資源的保護(hù)與傳承提供了新的思路與方案。

如今，數(shù)字化技術(shù)是最為前沿的信息科學(xué)技術(shù)，其對(duì)歷史文化資源的保護(hù)與傳承提供了更有利的技術(shù)支持，并且拓展與衍生了對(duì)歷史文化資源的開發(fā)和保護(hù)途徑，同時(shí) GIS 技術(shù)是輔助實(shí)現(xiàn)歷史信息的保存和傳播的一個(gè)重要方向。我們應(yīng)該切實(shí)加強(qiáng)歷史文化資源的開發(fā)利用與保護(hù)工作，結(jié)合當(dāng)代信息科學(xué)技術(shù)，充分發(fā)揮它們的作用與價(jià)值，讓歷史文化資源在建設(shè)中國(guó)式現(xiàn)代化道路的新時(shí)代熠熠生輝。

參考文獻(xiàn)：

[1]王凱.GIS 在史學(xué)的研究與應(yīng)用[ J].學(xué)理論，2020（12）：82?83.

[2]董志華.基于 B/S 模式的數(shù)字旅游系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].鄭州：河南大學(xué)，2006.

[3]李小芳.江西省傳統(tǒng)村落空間分布及文化特征研究[D].南昌：江西師范大學(xué)，2016.

[4]金鑫.GIS 支持下的浙江良渚古城地區(qū)聚落遺址的空間形態(tài)研究[D].南京：南京大學(xué)，2018.

[5]宋巍.基于WebGIS的文物管理系統(tǒng)的研究與實(shí)現(xiàn)[D].北京：北京交通大學(xué)，2015.

作者簡(jiǎn)介：

鐘曉玲（2000—），本科，研究方向：地理信息系統(tǒng)。

鐘廣銳（1978—），碩士，副教授，研究方向：時(shí)空信息云平臺(tái)、地理信息系統(tǒng)（通信作者）。