基于WebGIS的历史远征文化故事地图网站设计与开发

钟晓玲 钟广锐 王颖丰 陈治培 林桦润 单应成

摘要：历史文化是文化的重要组成部分，记载着党在民族道路上的辉煌历史。英雄模范所展现出的精神是先进价值观念和道德品格的时代体现，是留给后人的宝贵精神财富。为了能够让当代青年利用互联网学习历史，在成长中能够形成正确的价值认知，做出正确的价值选择，让当代青年在实践中增加对国家的发展方向认同度。文章应用Vue.s框架、GeoServer和OpenLayers等相关技术，开发了一个基于WebGIS的历史远征文化故事地图网站。本网站应用数字化技术以地图的形式展现了历史远征文化，打开了历史传播新思路，拓宽了历史文化传播道路，开发出更具影响力的传播模式。

关键词：地理信息系统;WebGIS;Vue;故事地图

中图法分类号：TP393文献标识码：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

歷史文化是我国在历史的革命中发展而来的独有的文化形态，具有深远的影响与深厚的价值。但历史文化在传播的过程中存在一定的问题，如今文化传播媒介与策略以图文为主，传播效果有限，欠缺互动性，应用在历史文化教育的效果不佳。而在历史文化传播中引入 GIS 技术，能够对历史资料进行空间定位，可以将传统文本资料数字化[1]。本文将 GIS 技术应用于海量的历史人文资料，推出历史远征文化故事地图网站。

1网站简介

为了铭记历史、远征伟大历程与不畏艰难险阻的精神，本文利用具有强大的信息处理能力与空间分析能力的 GIS 技术，对历史远征文化进行研究与展示。故事地图具有强大视觉吸引性与叙事能力，能够实现地理时空事件的可视化。通过WebGIS地图应用、地理学与人文历史资源相结合的方式而构建出故事地图网站。本网站以地图的形式展现历史远征中的战役势态变化，通过对空间数据进行操作，从时空角度展现战役事件以及当时领导人与革命元帅的革命精神，得到不同于传统资料分析方法的数字化结果。以此方式可以系统性地展示远征的发展历程，以历史事件与伟大英雄人物为核心建立故事地图网站，有利于广大青年对于历史文化的学习，对于弘扬爱国主义教育精神有着重要的实际价值和意义。

2网站设计

2.1系统框架设计

本网站使用 B/S 架构（图1）。B/S 架构的可维护性较高，具有表现层、业务层、数据层，若需要修改页面功能，只需要扩充业务层的内容，能够大大降低开发和维护的成本[2]。表现层是直接和用户进行交互的部分，呈现业务层中传递的数据。本网站的表现层是由 HTML5，CSS，JavaScript 技术编写而成，用户界面美观、简洁、流畅，主要用于地图操作、查询检索、显示地图与数据分析结果[3];业务层是 Web 系统的关键，负责实现整体业务逻辑以及数据处理。本网站的业务层负责实现整体业务逻辑以及数据处理，位于表现层与数据层之间，将业务逻辑应用于相关数据，可以实现读取用户通过表示层发出的请求[4～5];数据层是业务数据的存放地，本网站通过 PostgreSQL 数据库来实现数据的存储与数据的集中管理。

2.2功能模块设计

历史远征文化故事网站按照功能模块化原则进行设计，总体包括用户管理、地图展示、历史教育三大模块（图2）。

2.3数据库设计

数据库包括基础地理信息空间数据库和历史专题数据库，基础地理信息数据库为平台的地图模块功能提供空间数据;历史专题数据库为平台门户首页提供基本的历史数据。

3功能实现

3.1远征行进路线展示

主界面所顯示的行进路线图层储存在 PostgreSQL 数据库中，通过GeoServer服务器进行发布，最后利用OpenLayers在页面中显示出来。

3.2地图操作模块

（1）地图缩放：用户通过滚动鼠标滚轮可以对地图进行放大、缩小操作;鼠标点击左上角缩放按钮可以进行缩放操作。

（2）坐标测量：单击鼠标，在地图上确立一个坐标点，可以获取该点的坐标。

（3）距离测量：鼠标点击地图，确立两个及以上的平面点，形成一条线段，可以计算鼠标绘制的线段的实际长度。

（4）面积测量：利用鼠标在地图上绘制一个封闭的多边形，可以计算鼠标绘制范围的实际面积大小。

3.3查询检索模块

（1）战役地点查询

在查询工具使用鼠标单击“战役地点查询”选项即可显示弹窗，在搜索框内输入战役地点，如“陕西省延安市吴起县”，会跳转到对应地点的战役事件位置，并且在页面中显示搜索地点的战役事件名称、战役发生时间与战役事件介绍。

（2）战役事件查询

在查询工具使用鼠标单击“战役事件查询”选项即可显示弹窗，在搜索框内输入战役事件名称，如“湘江战役”，会跳转到对应符合查询条件的战役事件的地理位置，在页面中显示搜索事件的战役发生时间、战役发生地点与战役事件介绍。

3.4战地自然影响因素与经济发展地图展示

应用坡度分析、缓冲区分析等研究方法，对远征自然影响因素进行分析，得到相应的分析图。将图层数据存入数据库中，使用GeoServer和OpenLayers技术调用分析的结果并在页面中展示。

本网站将河流数据利用GeoServer进行发布，最后利用OpenLayers调用并显示。从水系图来看，远征行进路线由南向北沿着大江大河而上，沿途经于都河、桃江、潇水、湘江等河流。在此期间，不仅要战胜敌人，还要战胜极其恶劣的自然环境。

远征所经省份的高程大部分介于778～4672m，在途中共翻越了虹桥山、夹金山、梦笔山等10余座海拔4000m 以上的大雪山。当时行军装备简陋、食物供给困难，要翻越大山所要面临的困难重重，展现了中华民族自强不息的精神。

行进区域内的整体坡度介于6°～17°，整体行进路线的所经区域坡度较陡、地势较高，结合坡度分析专题图可以看出行军路线在贵州、云南、四川等省份距离较长，主要是因为云贵高原和青藏高原地区坡度较陡，由此可知路上的艰难险阻。

3.5历史教育模块

（1）英雄人物事迹介绍

本网站为用户提供了英雄人物事迹介绍的功能，用户在浏览行进路线时，可通过鼠标点击事件点，了解英雄人物事迹。通过图片和文字的形式进行事迹介绍，提供较好的用户体验感。

（2）著名战役事件介绍

本网站为用户提供了著名战役事件介绍的功能，用户可通过鼠标点击事件点了解该场战役的事件介绍，包括战役发生的地点、发生的事件以及战役内容。

（3）人物关系图

本网站的人物关系图采用ECharts图表的形式进行展示，用户可在地图上查看各远征时期著名人物的名称以及人物之间的关系，还可通过鼠标悬停事件查看人物的信息介绍。

4结束语

GIS 具有综合性与快速发展的特点，其特有的地图化表达与时空化思维可以直观地展现远征行进路线、著名事件、人物介绍。历史远征文化故事地图网站以地图作为可视化的载体，更加生动形象地展示了行进路线、战地自然地理环境与经济发展情况，为历史研究人员与青少年提供了一个历史文化学习平台，也为历史文化资源的保护与传承提供了新的思路与方案。

如今，数字化技术是最为前沿的信息科学技术，其对历史文化资源的保护与传承提供了更有利的技术支持，并且拓展与衍生了对历史文化资源的开发和保护途径，同时 GIS 技术是辅助实现历史信息的保存和传播的一个重要方向。我们应该切实加强历史文化资源的开发利用与保护工作，结合当代信息科学技术，充分发挥它们的作用与价值，让历史文化资源在建设中国式现代化道路的新时代熠熠生辉。

参考文献：

[1]王凯.GIS 在史学的研究与应用[ J].学理论，2020（12）：82?83.

[2]董志华.基于 B/S 模式的数字旅游系统的设计与实现[D].郑州：河南大学，2006.

[3]李小芳.江西省传统村落空间分布及文化特征研究[D].南昌：江西师范大学，2016.

[4]金鑫.GIS 支持下的浙江良渚古城地区聚落遗址的空间形态研究[D].南京：南京大学，2018.

[5]宋巍.基于WebGIS的文物管理系统的研究与实现[D].北京：北京交通大学，2015.

作者简介：

钟晓玲（2000—），本科，研究方向：地理信息系统。

钟广锐（1978—），硕士，副教授，研究方向：时空信息云平台、地理信息系统（通信作者）。