開源輕量級GIS組件在氣象數據可視化中的應用

李曉勇 李紅玉 熊胤帆 黃忠華

（四川省瀘州市氣象局 四川省瀘州市 646000）

氣象數據是相對于具體的空間和時間而言的，具有天然地理空間屬性。面對高頻次、龐大的氣象數據，傳統的表達形式難以有效呈現出數據背后所蘊含的信息內容，對數據進行圖形化分析顯得尤為重要[1]。氣象數據多源、多維、多尺度等特點，且其空間尺度、時間跨度呈現多樣性，基于GIS 背景場的數據可視化能充分表達氣象數據的空間屬性。

1 開源GIS系統簡介

地理信息系統(Geographic Information System，GIS)是綜合處理和分析地理空間數據的一種技術系統，近年來得到了廣泛關注和迅猛發展。開源GIS 基于不同的知識產權許可證，深入影響到許多行業的發展。過去四十年的發展，今天已演變出許多具有開創性和影響力的應用。其中，開源輕量級GIS 軟件系統具有業務數據無縫空間化、開發接口簡單、部署方便等優點，能夠滿足除專業級GIS應用和GIS 制圖應用外的大部分應用需求，在面向服務的應用系統開發中得到廣泛應用。本文針對GMap.NET、Leaflet 在氣象數據可視化中的應用技術問題進行探討。

1.1 GMap.NET

GMap.NET 是一個免費、跨平臺、開源的.NET 控件，應用于Windows Forms 和WPF 環境中，通過地圖廠商發布的地圖數據資源實現地圖展示、地理編碼、路徑查找等功能，并支持緩存和運行在Mobile 環境中。同時，GMap.NET 還實現了一系列底層功能，如地圖Tile 的管理、坐標轉換等。

1.2 Leaflet

Leaflet 是一個為建設移動設備友好的互動地圖而開發的開源JavaScript 庫[2]。Leaflet 整個設計簡單、高效、可用性好，在幾乎所有主要桌面和移動平臺均能高效運行，既利用了HTML5 和CSS3 的優勢，同時也支持舊的瀏覽器訪問。擁有大多數開發者所需要的所有地圖功能，它支持直接調用OpenStreetMap、Mapbox、CartoDB 等主流地圖數據，進行地理信息數據的可視化操作。除了這些在線地圖素材外，它對于shapefile 格式和json 格式以及sp 包的空間數據格式的地圖數據都有著很好的支持，在圖層函數中涵蓋了點標記、線條和多邊形等常用地理信息可視化圖形要素。

表1：瓦片地圖服務標準

2 瓦片地圖源的擴展

GMap.NET、Leaflet 缺省MapProvider 支持的是國外開源（如OpenStreetMap）與成熟商業的（如Google、ArcGIS）瓦片地圖服務，對國內目前主流的百度、高德、騰訊等瓦片地圖源并不直接支持。但leaflet、GMap.NET 良好的開放架構為這些地圖的應用提供了便利的接口。

2.1 瓦片地圖服務（TMS）的基本特性

開源與成熟商業的瓦片地圖服務（TMS-Tile Map Service，WMTS-Web Map Tile Service），都有共同的特性，基本成為了標準，如表1 所示。

2.2 地圖源擴展的基本思路

Leaflet、GMAP.NET 采取了良好的代碼結構，每個模塊之間的聯系也都是基于接口進行編程。地圖數據源的接口也遵循了這個原則，用戶可以派生新類，實現地圖數據源的訪問邏輯。當客戶端在初始化調用MapProvider 的時候，就會根據不同地圖的不同規則進行數據加載。因此擴展的基本思路是：新增實現高德、百度、騰訊等地圖接口，接口中具體實現數據的加載規則。其中高德地圖源接口無需變換加載規則；騰訊地圖僅需要在Y 方向做編碼變換；百度地圖除新增地圖接口外，需要重寫數據投影變換規則。

2.2.1 GMAP.NET 地圖源擴展示例

以C#語言擴展騰訊瓦片地圖源為例，說明地圖源的擴展思路：

2.2.2 Leaflet 地圖源擴展示例

Leaflet 地圖源擴展相對簡單，分析各種瓦片地圖源瓦片訪問規則，確定URL 模板，使用TileLayer 添加一個瓦片圖層到地圖中。創建地圖瓦片圖層通常涉及設置瓦片圖像的URL 模板，屬性文本和該圖層的最大縮放級別。在下面例子中，我們通過StaticAPI 調用高德瓦片地圖服務資源。

3 基于輕量級GIS組件的氣象數據可視化方法

隨著科技的發展，氣象數據作為基礎的支持信息，已經和各個行業形成緊密的聯系，對氣象數據的可視化日益重要。氣象數據可視化將主流的氣象數據類型做模塊化封裝，提供數據和可視化的對接解決方案，使海量的氣象數據以圖形化的方式呈現在用戶的視野之中。對于氣象數據，等值線圖、色斑圖結合GIS 系統是數據挖掘與數據可視化的有效手段。在專業氣象服務中，多以可視化平臺取代傳統的紙質、郵件等服務形式，用戶獲取的信息量大幅增加，服務效果得到明顯改善。

利用GMap.NET、Leaflet 可以快速進行桌面和前端服務系統開發。基于這些輕量級GIS 組件的氣象數據可視化涉及氣象數據的封裝，氣象數據圖層、輔助說明圖層的疊加，數據渲染等主要問題。

3.1 氣象數據的處理與封裝

氣象數據類型繁多，需要對數據進行再加工處理以滿足本地化業務應用的實際需求。通過后臺業務數據處理系統完成各類數據收集、解碼，提取數據地理信息、氣象要素信息等，應用數據庫系統實現數據組織管理。采用面向服務(Service-Oriented Ar-chitectare，SOA) 的 架 構 設 計， 使 用JSON(JavaScriptObject Notation) 或GeoJSON 格式封裝數據，使得氣象數據在網絡中易于傳輸和解析。通過Web Service 接口提供數據服務，為用戶提供統一的訪問接口，隔離用戶對數據庫的直接訪問，從而屏蔽了各類數據庫的結構、運行環境、網絡分布以及具體的物理位置上的差異，保障了數據訪問的規范和安全。

3.2 氣象數據圖層的構建

在開源GIS 中，業務圖層一般通過GIS 的圖層函數，以地圖元素加以構建。地圖元素包括地圖標記（Marker）、多邊形（Polygon）、圖像（Image）等，利用這些地圖元素實現氣象數據隨地理空間變化的表達。

開源GIS 基于接口進行編程的架構為氣象數據圖層疊加提供了便捷的方法，可采用如下三種實現路徑：

（1）通過Polygon 接口，實現氣象數據產品等值面的繪制。接口需要對產品的等值線進一步做閉合處理，形成適合于疊加顯示的等值面，最終實現利用Polygon 接口繪制氣象要素色斑圖。氣象數據預處理的基本流程是：氣象數據柵格化處理-＞等值線追蹤-＞等值線平滑-＞輸出等值線信息（包括地理坐標、等值線值、色標等），形成可用于繪圖的數據。用JSON 描述數據如下：

應用Polygon 進行繪圖的優點在于可在桌面或前端系統中進行矢量圖渲染。

（2）通過Marker 接口，定制地圖Marker，在Marker 中呈現氣象要素及其它相關信息。以Gmap.NET 為例，說明如下：

（3）圖像圖層疊加。脫離于GIS 系統，在其它平臺或系統中輸出需要的氣象要素圖，同步獲取圖像的地理范圍（圖像左上角、右下角地理坐標），并對產品圖像進行去背景和透明度處理以適合圖層疊加顯示。在Leaflet 中其實現代碼如下：

3.3 輔助圖層的疊加

對于前端系統開發，Leaflet 提供了DOM 操作支持，實用程序可與Leaflet 內部使用的DOM Tree 配合使用，大多數情況返回一個HTMLElement，且同樣適用于SVG 元素。唯一的區別是，類引用HTML 中的CSS 類和SVG 中的SVG 類。這給我們在地圖中添加其它輔助性圖層提供了便捷，豐富了系統的顯示信息。以下是在Leaflet 中添加標題圖層示例：

4 小結

開源、輕量級GIS 系統顯著降低了系統開發的成本和難度，可廣泛應用于氣象行業平臺和系統研發。GMap.NET、Leaflet 均以在線地圖作為地圖數據源，基于接口的開發應用有明顯的相似性。GMap.NET 建立在.NET 環境，可廣泛應用于Windows 桌面系統開發；Leaflet 作為開源的JavaScript 庫，既可以用于Web 系統建設，也可以用于為建設移動設備友好的互動地圖系統。氣象數據天然具備的空間屬性，結合這些開源、輕量級GIS 系統，可以更充分表達氣象數據的空間屬性，減少開發周期，應用前景廣泛。