城市地震應急避難場所展示系統的設計與實現1

2017-10-13 22:56:37蘇建鋒薄萬舉

震災防御技術 2017年2期

蘇建鋒薄萬舉

蘇建鋒薄萬舉

（中國地震局第一監測中心，天津 300180）

針對城市應急避難場所信息化建設過程中存在的問題，以天津市地震應急避難場所的實際情況為數據基礎，開發了基于Google地圖API技術的城市地震應急避難場所展示系統。該系統實現了應急避難場所信息查詢、地圖量測、避難場所最優路徑和應急避險科普宣傳等公共服務功能。系統的設計與實現不僅有利于城市居民及時方便準確地獲取居住地周圍地震應急避難場所空間分布信息和應急避險等知識，同時在城市突發災害后的搶險救災、疏散及安置居民等方面起到重要作用。

應急避難場所 JavaScript JQuery 數據庫

引言

應急避難場所是一種城市突發公共事件后安置災民的設施，是為城市居民躲避地震、洪水、爆炸、火災和疫情等重大突發公共事件的安全避難場所（楊爽等，2013；熊焰等，2014）。應急避難場所主要以具有一定規模和避難功能的公園、綠地、廣場、體育場和露天大型停車場等場地形式在城市中存在與分布的，其安全性、可達性和有效性使其在提高大中城市綜合防災能力、有效減輕突發性重大災害事件引起的社會危害方面發揮著重要作用（范靈春等，2011）。我國早在21世紀初就明確要求各地尤其是省會和百萬人口以上的城市要把應急避難場所的建設納入城市總體規劃當中。隨著城市現代化建設的大發展，城市人口和規模空前膨脹，應急避難場所已經成為保障城市公共安全及應對突發公共事件的重要設施。

我國是一個幅員遼闊、物產豐富但自然災害頻繁、損失嚴重的國家。近年來政府對城市應急避難場所的高度重視使其建設得到了長足的發展，避難場所的建設規模與實用標準都取得了很大的提高。但是由于應急避難場所信息化建設緩慢，避難場所信息的發布與宣傳手段過于單一，普及面窄，使得絕大多數周邊居民都不清楚避難場所的位置、場所的詳細信息、到達場所的最近路徑和場所功能等公共服務信息，這將大大降低減災效果（董曼等，2014；單寶艷等，2014）。因此，尋求一種有效的手段使得用戶能夠便捷快速地獲取城市應急避難場所的信息情況及應急避險等科普知識是非常重要的。

本文基于Google地圖API技術，結合天津市地震應急避難場所的實際情況，設計并實現了一個城市地震應急避難場所數據的后臺管理、前臺檢索、前臺數據動態展示等功能的綜合展示系統。該系統為將城市地震應急避難場所和應急避險等科普信息快速、有效地傳播出去，推動城市地震應急避難場所信息化建設方面提供了一個新的解決方案。

1　系統設計

系統的建設目標是以天津市地震應急避難場所信息為基礎數據，結合城市地震應急避難場所調查資料和歷史資料及現有的各種有用信息，以普通城市居民為主要用戶，根據用戶需要建設一個城市地震應急避難場所展示系統，方便用戶隨時隨地方便快捷地查詢到居住地周邊的避難場所信息，以便在災時做好應對措施。系統設計將堅持實用性、先進性、穩定性、可操作性和易擴展性等原則。

1.1系統數據庫設計

數據庫是整個系統的核心部分，其中各個表的設計對該平臺的研發起到至關重要的作用。常用的數據庫平臺有Oracel、SQL Server、MySQL等，根據該系統的實際需求選用了MySQL數據庫平臺。該系統在邏輯上分為基礎數據庫和Google地圖提供的地理數據庫兩部分。相關地理數據以Google地圖為基礎建立，由其提供的Maps API獲取相關地理數據；系統基礎數據庫主要用于存放地震應急避難場所相關信息（趙國峰等，2014；孫路強等，2016）。

1.2系統總體結構設計

根據該地震應急避難場所展示系統的建設目標，采用B/S（瀏覽器/服務器模式）體系結構來構建系統。系統總體邏輯上分為3層架構：WEB應用服務器、屬性數據庫和Google地圖數據庫、客戶端瀏覽器，層與層之間相互聯系又各自獨立，形成了一個獨特的有機整體。

WEB應用服務器是整個展示系統的功能核心，實現地震應急避難場所信息管理的業務邏輯，負責連接屬性數據庫和地圖數據庫，為展示系統提供各種信息數據；屬性數據庫和Google地圖數據庫為系統提供避難場所的基礎數據支持，包括避難場所的屬性數據、Google地圖數據、專題數據、自救互救避險科普知識數據及各種相關文檔等；客戶端瀏覽器是面向用戶群提供信息服務的架構，通過用戶交互向應用服務器發送請求，并解釋服務器返回的數據顯示給用戶，將地震應急避難場所的相關信息動態地展示給用戶，為用戶提供便捷的服務（趙士達等，2014；仇尚媛等，2015）。其整體框架圖如圖1所示。

系統基于Google地圖API技術，采用B/S模式的軟件架構，使用JSP、Java、JavaScript和JQuery等語言，后臺選用MySQL數據庫，實現了地震應急避難場所地圖化的管理及展示。用戶只需要通過主流瀏覽器即可使用系統中的所有功能。根據系統框架圖可知，用戶與服務器交互的過程就是對不同數據的檢索和展示的過程。通過Google Maps API獲取地圖圖像數據并將其加載到地圖的顯示區域中，再通過屬性數據庫獲取相關的標注數據后顯示在地圖上。

1.3系統主要功能設計

本地震應急避難場所展示系統分為前臺展示端和后臺管理端兩部分，主要功能設計如圖2所示。

1.3.1前臺展示端

根據系統建設的目標和用戶需求，系統前臺展示端功能可描述如下：

地圖操作：指地圖瀏覽、地圖量測和360度全景展示等操作，主要實現包括放大、縮小、漫游、量測兩地距離、實地地圖和衛星地圖及全景地圖的不同視角自由切換等基本功能。

信息查詢：實現地圖查詢的基本功能，支持空間數據與其屬性信息的相互查詢，支持查詢專項信息，如應急避難場所、避難場所就近的醫院、商店、政府部門等信息。

應急避難場所信息展示：包括應急避難場所展示、避難場所最優路線和應急避險常識展示操作，主要實現應急避難場所分布的詳細信息，包括名稱、地址、場所面積、可容納人數、場所簡介等信息的展示功能；能夠通過后臺計算提供給用戶所在區域的應急避難場所分布情況和用戶以不同的交通方式（駕車或步行）到達指定避難場所的最優路線；提供各種災害來臨時人們應該注意和自救互救的科普常識、避難場所的使用及政府部門應急救援電話等信息。

評價與反饋：用戶可對該展示系統和展示內容進行評價與建議的操作功能。系統平臺管理人員可以根據這些意見與建議優化系統和更改展示內容，使系統平臺和用戶之間能形成一個良好的互動效果。

1.3.2后臺管理端

后臺管理端主要是對前臺相關數據的集中管理，具體實現了應急避難場所信息屬性數據、前臺避險常識和評價與反饋的維護和管理。

2　系統關鍵功能實現

本系統部署環境為Windows Server 10，數據庫為MySQL，應用服務器為Tomcat 8.0。本章根據地震應急避難場所展示平臺的重點，主要介紹了Google Maps、城市應急避難場所信息地圖化動態顯示兩部分的實現內容，包括了界面、部分代碼功能的實現等。

2.1Google Maps的實現

（1）嵌入Google Maps API

要使用Google Maps API，就必須到該API的主頁申請一個相應的KEY，其URL地址為https://developers.google.com/maps/documentation/javascript/?hl=zh-cn。單擊“獲取密鑰”進入申請頁面，在頁面中引入Google Map服務。在使用Google Map服務之前，需要在該頁面中引入相應的腳本，在頁面中插入，如下所示代碼：

將Google生成的API KEY放置于KEY參數中，sensor參數用于指明是否使用傳感器確定用戶的位置。

（2）頁面中加入Google Maps

在本系統中需要創建一個Map屬性對象來定義地圖的屬性，其代碼如下：

mapOptions: {

zoom: 15,

center:

new google.maps.LatLng(39.08432957039356,117.2075420048825),

styles: _avocadoStyle

Center用于設置地圖的中心點，所以創建一個LatLng對象，將位置的經、緯度坐標傳遞給此對象，本系統將地圖的中心設置為天津。

在系統頁面中使用參數（mapProp）在

元素（id為googleMap）創建一個新的地圖，地圖將以

元素中設置的大小來顯示地圖。具體代碼如下：

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);

2.2地震應急避難場所地圖化動態顯示

用戶可以通過點擊應急避難場所圖標來打開該應急避難場所的詳細信息窗口，該窗口包括應急避難場所的名稱、地址、類型、面積、可容納人數等相關信息，以便用戶快速地了解每個應急避難場所的基本情況，主要代碼如下：

this.showMsg = function (title, msg, callback) {

buildMsg(title, msg, false/*doConfirm*/, "", callback);

}

function getPlaceHtml(details) {

var html =

" useage: " + details. useage + "

" +

"Location: " + details.lat + " / " + details.lng + "

" +

"Name: " + details.name + "

" +

"Address: " + details.street +

"

" +

" capacities: " +details. capacities + "

" +

" area: " +details. area + "

"

return html;

}

onSelect: function(m, details) {

var msg = getPlaceHtml(details);

m.showMsg("地震應急場所詳細信息", msg);

return true;

圖3為用戶登錄應急避難場所展示系統的首頁，在該界面通過一些簡單的操作就可以看到天津市地區所有的地震應急避難場所地點的分布圖及其詳細信息。

圖4為用戶登錄應急避難場所展示系統的最優路徑查詢模塊，可查詢用戶所在區域的地震避難場所，找出最近的應急避難場所并通過后臺計算給出到達該避難場所最優的路線。

城市地震應急避難場所展示系統不僅是給市民展示城市應急避難場所相關信息及應急避險科普知識的平臺，還是學者研究該城市應急避難場所空間布局是否合理的一個窗口。以天津市為例，通過對該展示平臺獲取的數據進行整理分析，初步得出以下結論：天津中心城區與郊區間的應急避難場所分布具有明顯的差距，中心城區避難場所分布較集中且均衡，郊區避難場所分布零散、不均衡。天津屬于高密度的特大城市，尤其是中心城區，人口密度高達29173人/km2，這使得避難場所覆蓋密度和重疊率較高，而實際人均有效避難面積卻偏低，僅0.69m2，遠低于國家最低標準1.5m2，顯然不能滿足大多數市民的避難需求。因此，天津市目前的應急避難場所空間分布還不甚理想，亟需提高，重點是提高應急避難場所數量供給和空間布局的合理性，以滿足城市不同發展時期人們對緊急疏散空間的迫切需求。

3　結論

本文運用JSP、數據庫等技術，提出以Google Maps API為平臺來構建B/S（Browser/ Server）結構系統的思想，設計了城市地震應急避難場所展示系統的基本框架，研發了地震應急避難場所展示系統。該系統是應急避難場所信息化建設的一次全新的應用，其用戶對象首次以城市居民為主，而非專業人士和政府官員，其目的是通過該系統對應急避難場所進行可視化、全方位、動態化的展示，使得普通老百姓可以方便、快捷、及時地直接獲取當地地震應急避難場所的信息及應急避險知識，這對在突發災害時快速傳播避難信息和及時有序地疏散與安置居民、減輕災害損失方面將起到積極作用。該系統建成后正逐步投入使用中，不僅實現了城市應急避難場所信息數據的有效管理，也實現了用戶和管理員之間數據資源的有效整合與共享的預期目標。隨著智能移動平臺技術的不斷發展，在下一步的工作中，我們將會把該系統的一些功能移植到智能手機端，為用戶提供更為人性化的服務。

仇尚媛，周浩，王春等，2015．地震數據地圖化動態顯示．地震地磁觀測與研究，36（5）：140—144．

單寶艷，郭金金，2014．基于GIS空間分析的城市避震疏散規劃研究．測繪通報，（1）：86—89．

董曼，楊天青，2014．地震應急災情信息分類探討．震災防御技術，9（4）：937—943．

范靈春，胡斌，李誼瑞，2011．西安市地震應急指揮技術系統設計與實現．震災防御技術，6（2）：190—198．

孫路強，劉磊，朱宏等，2016．天津市地震局地震事件共享系統的設計與實現．震災防御技術，11（1）：165—172．

熊焰，梁芳，喬永軍等，2014．北京市地震應急避難場所減災能力評價體系的研究．震災防御技術，9（4）：921—931．

楊爽，張楠，趙士達等，2013．天津市地震應急避難場所試點建設．防災減災學報，29（4）：79—82．

趙國峰，李鑫，李麗等，2014．中國地震信息網速報信息實時同步設計與實現．震災防御技術，9（2）：310—316．

趙士達，張楠，楊爽，2014．基于Android系統的避難場所查詢軟件開發．電子技術應用，40（3）：133—136．

Design and Realization of Display System of Urban Earthquake Emergency Shelters

Su Jianfeng and Bo Wanju

(First Crust Monitoring and Application Center, CEA, Tianjin 300180, China)

Aiming at the problems in the course of information construction of urban emergency shelters, we take the Tianjin earthquake emergency shelters as the data base to develop a Google Maps API technology-based display system of urban earthquake emergency shelters. The system implements emergency shelter information acquiring, map measurements, the best path to shelters, and emergency public service functions such as popular science propaganda. The system design and implementation will not only benefit citizens timely access to accurate earthquake emergency shelters around the residence of spatial distribution of information and knowledge of emergency, but also play the important role in emergency disaster relief, evacuation and resettlement of residents in order to reduce disaster losses caused by large earthquakes.

Earthquake emergency shelter; JavaScript; JQuery; Database

1基金項目中國地震局第一監測中心科技創新主任基金（FMC2016006），科技部基礎工作專項（2015FY210400）共同資助

2016-09-28

蘇建鋒，男，生于1981年。工程師。主要從事地震應急及形變資料處理與分析等方面的研究。E-mail：su_qw@ 163.com

蘇建鋒，薄萬舉，2017．城市地震應急避難場所展示系統的設計與實現．震災防御技術，12（2）：392—398． doi：10.11899/zzfy20170216

城市地震應急避難場所展示系統的設計與實現1

引言

1 系統設計

2 系統關鍵功能實現

3 結論

1　系統設計

2　系統關鍵功能實現

3　結論