地震应急数据公众服务平台设计

徐 丹 万 娜 韩贞辉 韩艳杰 王斐斐

（中国郑州450016河南省地震局）

地震应急数据公众服务平台设计

徐 丹 万 娜 韩贞辉 韩艳杰 王斐斐

（中国郑州450016河南省地震局）

利用百度MAP和ECharts构建基于B/S的地震应急数据公众服务平台，通过动态的、多样化的数据地图表现形式，展示区域内历史地震、避难场所及地震监测台站等分布情况，从而实现地震应急数据服务与防震减灾宣传的有机融合，具有较强的实用性。

ECharts；应急基础数据；动态地图

0 引言

地震应急基础数据是应急指挥技术系统的重要组成部分，支撑着灾情评估系统的顺利运行和一系列专题图件的产出，是地震部门开展应急工作的基础，是政府履行应急指挥职能的基本保障。随着应急基础数据现实性和精细化程度的提高，在震后应急处置过程中发挥着越来越重要的作用（李志强等，2013；帅向华等，2014）。需要面向公众的信息化服务平台将这些数据转化为表现力强、实用丰富的动态地图，以满足拓展防震减灾公共服务、丰富公共服务产品的要求。

利用ECharts技术，基于B/S架构，设计地震应急数据公共服务平台，将区域内人口信息、历史地震、避难场所、地震监测台站、活动断层等相关数据在地图上进行标绘和动态渲染，为公众提供直观、互动性强的动态数据地图，从而为政府应急决策和防震减灾科普宣传提供有力保障。

1 现状分析

目前，动态地图制作方法种类繁多。任福等（2002）借助Flash多媒体技术，利用其表现力强、提供动画编辑脚本语言和支持XML等特点，制作出实时、动态的专题地图，但是Flash缺乏通用性和扩展性，无法支持移动终端访问；周梅玫等（2006）利用Corel RAVE与CorelDraw无缝衔接的优点，方便快捷地制作动态数据地图，但其使用平台具有局限性；包振虎等（2014）使用ArcGIS API for Flex、ArcScene和AE（ArcGIS Engine）二次开发，实现空间数据三维动态可视化，但处理海量数据能力不强。随着HTML技术的不断发展，使用jQchart、xCharts、Flot、HighCharts和ECharts等图表可视化工具也可以实现数据在Web服务中的动态展示。其中，Echarts底层基于ZRender（一个全新

的轻量级canvas类库），是目前较为先进的数据可视化工具，它独有的数据视图、值域漫游、大规模散点、炫光特效、多图联动等功能，可以与任意图表搭配使用时间轴控件展现时空数据变化，可在百度地图上进行扩展，支持标注标线的炫光表达，实现百度迁徙数据可视化及百度热图等互动图形用户界面，且支持移动终端访问。

2 系统设计

2.1 功能模块

地震应急数据公众服务平台面向普通用户和系统管理员，设置人口分布展示、避难场所查询、历史地震查询、断层分布展示、监测台站分布展示等功能模块，支持地图缩放测距和图片下载功能，见图1。人口分布展示模块通过不同颜色值域渲染，差异化显示区域内人口分布情况，并能实现与图表的联动展示，用户可通过点选不同值域的色彩观察地域空间上的人口变化。避难场所查询模块可向用户直观的展示场所的地理位置，实景照片、类别、面积、容纳人数、平面规划图及实景图等信息，方便震后灾民安置与自救。历史地震管理模块可在百度地图上显示地震的分布，可按时间进行动态查询，用户鼠标滑动至标注点时，浮动信息栏会显示该地震发生的时间、地点、震级。断层分布展示可在地图上标注断层的线状轨迹，用户在点击该断层是可在信息栏显示断层简介。地震监测台站展示模块向用户展示地震台站的分布，显示台站的概况和照片信息。在用户查询台站信息的同时可与地图进行交互。数据编辑模块实现管理员对数据库进行的删改操作；数据检查录入模块主要实现数据的校验录入；页面布局设置模块可改变工具条的位置或进行删改操作。

2.2 系统拓扑

用户通过浏览器对系统进行访问，当Web服务器接收到用户发出查询消息指令时，调取数据库服务器中的数据，并进行解析反馈，利用百度服务器预先配置的接口转发消息，消息处理模块按照功能模块对应的应用服务生成回复消息并返回给用户，从而实现功能模块的调用与地图的交互。系统拓扑见图2。

图1 功能模块Fig.1 Functional module

图2 系统拓扑Fig.2 System architecture

2.3 软件设计

本系统将模块化开发思想与三层架构模式相结合，前端采用HTML5+CSS3+jQuery技术，其优点在于可以实现网络信息的跨平台使用，从PC到移动终端，各种浏览器都可以对其信息进行解析查看。系统后端采用PHP+Apache+MySQL平台架构，其大量应用于当前

各类Web系统开发中，其优点在于Web资源丰富、轻量、成熟稳定、可快速开发等特点。

2.3.1 历史地震动态标注。对于历史地震，软件可以进行动态标注，以方便用户浏览。

（1）ECharts模块引入。新建一个echarts.html文件，为ECharts准备一个具备大小（宽高）的Dom，进行路径配置，新建＜script＞标签中为模块加载器配置echarts和所需图表的路径。示例代码如下

（2）创建“历史地震”图表。初始化历史地震图表，geoCoord利用Ajax动态获取震中的经纬度数据。示例代码如下

（3）炫光标注markpoint。历史地震标注图形炫光特效中 show 为开启true，type 特效类型，系统中使用'scale'（放大），可选还有'bounce'（跳动） loop 循环动画，默认开启，系统未使用,period 运动周期，无单位，值越大越慢，默认为15 scaleSize 放大倍数。markpoint示例代码如下

2.3.2 地图创建。在创建地图程序中，部分代码代表的意义如下：Point(lng:Number,lat:Number)指定经纬度创建地理点坐标，初始化地图，centerAndZoom(point,12)设置中心点坐标和地图级别，setCurrentCity (“郑州”)设置当前地图显示城市，enableScrollWheelZoom(true)开启鼠标滚轮缩放，BMap.ScaleControl()添加比例尺控件，NavigationControl()添加平移缩放控件，OverviewMapControl()添加缩略地图控件。部分代码如下

3 成果展示

3.1 历史地震分布

将历史地震等点状空间数据在地图上进行动态展布，标注点颜色鲜艳，可根据震级大小动态的向外扩散，直观反映区域内历史地震在不同时间段内的分布情况。如图3所示：选择时间轴“2001年至2010年”，右侧地图自动展示该时段内发生的地震（图中标注的地震信息为测试数据），鼠标滑动至光圈位置，显示地震信息。

3.2 地震台站分布

地震台站栏目采用左右布局样式，右侧为台站整体概况，下方对台站图例进行说明，左侧为台站分布展示，点击后可显示台站简介，台站简介为图文静态页面，方便公众查询区域内台站信息，见图4。

图3 历史地震Fig.3 Historical earthquakes

图4 地震台站Fig.4 Seismic station

3.3 避难场所分布

将避难场所标绘在百度地图上，并展示其基本信息（类别、容纳人数、实景照片、格局分布等），同时可查询区域内医院、消防、派出所等附近救援机构，实现信息的综合查询、测距、标记等功能，方便震后灾民的合理安置。

4 结束语

地震应急数据地图公共服务平台方便公众了解区域内人口分布、历史地震分布、应急避难场所位置、断层分布、地震台站等信息，将地震行业相关基础信息和活断层探查的部分成果通过最新的数据可视化技术面向大众进行展示，促进了防震减灾知识的宣传普及和公众防震减灾素质的提升。目前，系统已实现大部分功能，管理平台和前端的优化工作还在进行当中。在未来的工作中我们可以结合微信公众服务平台（徐丹等，2016）实现基于LBS的灾情上报系统，利用ECharts实现灾情数据的汇集、统计与展示，逐步丰富公共平台的功能性和实用性，从而向公众提供丰富、专业、直观生动的产品服务。

包振虎，刘涛.基于Flex API和ArcGIS Engine的雅砻江数字流域信息系统[J].测绘与空间地理信息，2014，37（11）：68-71.

李志强，侯建盛，李洋，苏桂武，姜立新，孙柏涛，袁一凡，林均岐.2013年4月20日四川芦山MS7.0地震灾害特点分析[J].地震地质，2013，35（2）：398-410.

聂高众，陈建英，李志强，苏桂武，高建国，刘慧敏.地震应急基础数据库建设[J].地震，2002，22（3）：105-111.

任福，蔡忠亮，时晓燕.基于Flash技术的专业互动多媒体网络地图的构建[J].测绘信息与工程，2002，27（3）：14-16.

徐丹，韩艳杰，张诺男，寇曼曼，高冠龙.地震信息微信公众平台服务开发[J].地震地磁观测与研究，2016，37（1）：146-150.

周梅玫，程熊，李娜.关于Corel RAVE在动态地图制作方面的应用[J].测绘通报，2006，（1）：40-42.

Design and development of earthquake emergency data public service platform

Xu Dan，Wan Na，Han Zhenhui，Han Yanjie and Wang Feifei
(Earthquake Administration of Henan Province,Zhengzhou 450016,China)

A public service platform for earthquake emergency data announcement is designed and developed based on B/S framework.The service platform shows the distribution of historical earthquakes,faults,emergency shelters and earthquake monitoring stations etc.with dynamic and various fi gures.Based on the use of Baidu Map API and ECharts API,the platform enhances the emergency data interaction with the public,and meanwhile it has a strong applicability to realize the organic integration of earthquake emergency data services and protecting against and mitigating earthquake disasters promotion.

ECharts，earthquake emergency data，dynamic data maps

10.3969/j.issn.1003-3246.2016.05.025

徐丹（1983—），女，工程师，2009年毕业于重庆邮电大学，硕士研究生，主要从事地震应急与灾害评估研究工作。E-mail：65244330@qq.com

中国地震局震灾应急救援司青年课题（CEA_EDEM-201504）；地震科技星火计划青年项目（XH16027Y）

本文收到日期：2016-08-01