李靜澤，岳建偉*，錢 歡

（1.北京師范大學(xué)地理數(shù)據(jù)與應(yīng)用分析中心，北京 100875）

街景地圖服務(wù)作為三維全景技術(shù)的典型應(yīng)用，它將平面地圖的位置查詢功能和三維全景的虛擬現(xiàn)實(shí)技術(shù)結(jié)合起來[1]，給地圖賦予了一種新的表現(xiàn)形式，為用戶帶來身臨其境的真實(shí)感。

自街景技術(shù)誕生以來，國內(nèi)外相繼推出了多個(gè)大型街景地圖服務(wù)，如谷歌地圖、騰訊地圖、百度地圖[2]等。其中騰訊地圖作為國內(nèi)發(fā)展較早的街景地圖服務(wù)，據(jù)官網(wǎng)顯示其街景地圖的覆蓋城市已達(dá)到296 個(gè)，并對(duì)外提供了數(shù)據(jù)獲取和API 使用接口?；谶@些接口所建立的街景展示系統(tǒng)雖然功能完善，但不能將自行采集的街景數(shù)據(jù)進(jìn)行發(fā)布，具有很大的應(yīng)用局限性。此外，車載全景移動(dòng)測量系統(tǒng)[3]的發(fā)展使得街景數(shù)據(jù)采集工作變得更加簡單，如何將采集的海量數(shù)據(jù)進(jìn)行發(fā)布，成為街景地圖服務(wù)推廣和應(yīng)用的急需解決的問題。

張春梅等[4]深入研究太原市全景構(gòu)建項(xiàng)目，對(duì)街景影像數(shù)據(jù)的外業(yè)采集、內(nèi)業(yè)處理與建庫等過程進(jìn)行了詳細(xì)的闡述，形成了完整的街景地圖生產(chǎn)與發(fā)布流程。熊秋林等[5]基于Ajax、JavaScript 等瀏覽器技術(shù)以及百度電子地圖接口建立了一套車載全景地圖發(fā)布系統(tǒng)，并選擇北京城區(qū)部分街景數(shù)據(jù)進(jìn)行了測試，結(jié)果證明該全景地圖建立方案具有較強(qiáng)的可行性。劉志浩[6]基于Webgl 和Soso 地圖服務(wù)搭建了面向道路養(yǎng)護(hù)的街景地圖瀏覽系統(tǒng)，對(duì)街景影像的處理和渲染進(jìn)行了優(yōu)化，并實(shí)現(xiàn)漫游、視角切換等多種地圖交互方式，具有較強(qiáng)的真實(shí)感。朱明等[7]將天地圖與Papervision 3D引擎進(jìn)行了結(jié)合，設(shè)計(jì)并實(shí)現(xiàn)了一套街景地圖系統(tǒng)，在公共服務(wù)和政務(wù)應(yīng)用中發(fā)揮了很好的作用。

以上研究中所構(gòu)建的系統(tǒng)基本實(shí)現(xiàn)了街景影像的展示功能，但仍有一定的缺陷。主要表現(xiàn)在：①針對(duì)街景大數(shù)據(jù)高效存儲(chǔ)檢索方法的研究相對(duì)較少。在進(jìn)行場景漫游的過程中，需要進(jìn)行頻繁的數(shù)據(jù)檢索，而街景數(shù)據(jù)量巨大，其檢索速度直接影響系統(tǒng)的性能。②針對(duì)場景內(nèi)導(dǎo)向箭頭快速計(jì)算方法的研究較少，導(dǎo)向箭頭是場景之間相互關(guān)聯(lián)的要素，其方向計(jì)算的準(zhǔn)確性和速度也會(huì)影響到系統(tǒng)的用戶體驗(yàn)。

本文綜合分析了街景影像數(shù)據(jù)量巨大、影像曝光點(diǎn)空間位置特性強(qiáng)的特點(diǎn)，在現(xiàn)有的技術(shù)上進(jìn)行整合，對(duì)街景大數(shù)據(jù)的存儲(chǔ)管理和街景場景構(gòu)建過程進(jìn)行重點(diǎn)優(yōu)化，最終設(shè)計(jì)并實(shí)現(xiàn)了一款輕量級(jí)的街景影像展示系統(tǒng)，為街景影像提供了良好的發(fā)布與展示平臺(tái)，希望以此來推動(dòng)街景地圖在更多行業(yè)的應(yīng)用。

1 系統(tǒng)設(shè)計(jì)

1.1 總體設(shè)計(jì)

街景影像展示系統(tǒng)主要用于街景影像數(shù)據(jù)的網(wǎng)絡(luò)展示與傳播，因此系統(tǒng)在設(shè)計(jì)與開發(fā)時(shí)使用B/S 架構(gòu)，由服務(wù)器統(tǒng)一進(jìn)行數(shù)據(jù)管理和請(qǐng)求處理，用戶可以通過瀏覽器對(duì)街景場景進(jìn)行查看，系統(tǒng)的總體結(jié)構(gòu)設(shè)計(jì)如圖1 所示。

系統(tǒng)應(yīng)用層基于vue.js 及其生態(tài)系統(tǒng)進(jìn)行開發(fā)，利用vue 良好的封裝能力將街景場景展示功能封裝成單獨(dú)的組件，并提供了開放的API 接口以提高模塊嵌入能力。在服務(wù)層，系統(tǒng)的服務(wù)器端選擇采用SSM 框架進(jìn)行搭建，并使用Maven 作為項(xiàng)目管理輔助工具，最終實(shí)現(xiàn)了完整的前后端信息流通。在數(shù)據(jù)層，由于街景影像切片數(shù)據(jù)量巨大、文件細(xì)碎，使用文件系統(tǒng)進(jìn)行存儲(chǔ)；曝光點(diǎn)數(shù)據(jù)具有較強(qiáng)的空間位置特性，為典型的對(duì)象-空間關(guān)系型數(shù)據(jù)，存儲(chǔ)于空間數(shù)據(jù)庫中。平面地圖使用Geo Server 發(fā)布衛(wèi)星影像瓦片。

圖1 系統(tǒng)總體結(jié)構(gòu)

1.2 技術(shù)選型

1.2.1 地圖服務(wù)引擎

平面地圖是街景地圖服務(wù)的基礎(chǔ)，需要在平面地圖上查看當(dāng)前場景對(duì)應(yīng)的真實(shí)位置、真實(shí)朝向和街景地圖的街道范圍。本系統(tǒng)開發(fā)時(shí)選取了Geo Server 作為平面地圖發(fā)布的服務(wù)器引擎，前端使用Open Layers3進(jìn)行平面地圖接入。

Geo Server 是一個(gè)開元的地圖服務(wù)發(fā)布和管理平臺(tái)，是在著名的開源GIS 中間件GEO Tools 的基礎(chǔ)上進(jìn)行開發(fā)的[8]，支持PostGIS、OSM、KML、shpfile、GeoJSON 等豐富的地圖數(shù)據(jù)源，同時(shí)能夠進(jìn)行WMS、WFS 等多種地圖服務(wù)的發(fā)布，使得空間地理數(shù)據(jù)能夠通過網(wǎng)絡(luò)進(jìn)行傳播。相比于傳統(tǒng)的ArcGIS Server 地圖服務(wù)器來說，其架設(shè)簡單、功能可以滿足大部分WEB地圖應(yīng)用開發(fā)的需求。

Open Layers3 是一款開源的Java Script 框架[9]，提供了豐富的WebGIS 開發(fā)類庫。Open Layers 3 采用了面向?qū)ο蟮脑O(shè)計(jì)開發(fā)方式[10]，將地圖中關(guān)鍵的要素封裝成了不同的類，使開發(fā)者能夠輕易在業(yè)務(wù)系統(tǒng)中嵌入地圖模塊，并將Geo Server 發(fā)布服務(wù)接入地圖中進(jìn)行展示，從而開發(fā)出高性能的WebGIS 應(yīng)用程序。

1.2.2 街景顯示引擎

系統(tǒng)選擇Krpano 作為街景影像顯示引擎。Krpano是一款基于Flash 的三維全景播放器[11]，它以輕量、靈活和性能高著稱，并且具有良好的跨平臺(tái)特性[12]，受到廣泛的應(yīng)用和推廣。Krpano 提供了豐富的功能插件，包括跳轉(zhuǎn)熱點(diǎn)、文字顯示、三維特效等功能。

Krpano 將顯示效果和場景內(nèi)部配置分開進(jìn)行管理，顯示效果及響應(yīng)事件使用Action Script 語言實(shí)現(xiàn)，場景及插件配置使用XML 進(jìn)行控制[13]。Action Script 可以與前端開發(fā)語言Java Script 進(jìn)行信息交互，使Krpano控件可以與前端網(wǎng)頁很好的進(jìn)行融合。

1.2.3 數(shù)據(jù)存儲(chǔ)引擎

Postgresql 是一款開元的對(duì)象型關(guān)系數(shù)據(jù)庫系統(tǒng)，安裝簡便，存儲(chǔ)速度快，而且支持多種數(shù)據(jù)庫操作語言，包括SQL、GDBC、ODBC 等，使Postgresql可以與其他數(shù)據(jù)庫進(jìn)行無縫遷移[14]。PostGIS 插件為Postgresql 提供了空間數(shù)據(jù)的擴(kuò)展，將空間數(shù)據(jù)以關(guān)系型數(shù)據(jù)的形式進(jìn)行存儲(chǔ)，并且提供了300 多個(gè)空間分析函數(shù)，使復(fù)雜的空間分析過程通過簡單的SQL 語句就可以完成，非常方便。

系統(tǒng)在開發(fā)過程中街景曝光點(diǎn)位置數(shù)據(jù)需要以空間數(shù)據(jù)的形式進(jìn)行存儲(chǔ)，而且在實(shí)際應(yīng)用的過程中往往需要選取距離某個(gè)位置最近的街景場景進(jìn)行加載顯示，充分利用了PostGIS 良好的的空間臨近分析的功能。

1.3 功能設(shè)計(jì)

系統(tǒng)以地圖信息獲取為目的，將平面電子地圖與街景場景相結(jié)合，因此系統(tǒng)主要提供了以平面電子地圖為主體和以街景影像圖為主體兩個(gè)頁面，功能主要包括平面地圖瀏覽模塊、圖層控制模塊、地圖交互模塊、街景瀏覽模塊、跳轉(zhuǎn)聯(lián)動(dòng)模塊五大模塊，如圖2 所示。

其中，平面電子地圖包含了常用的地圖瀏覽模塊和圖層控制模塊，保證系統(tǒng)具有基礎(chǔ)的平面地圖查看功能，通過地圖交互模塊可以打開街景場景以及切換到以街景為主體的頁面，街景瀏覽模塊可以使用戶在場景內(nèi)進(jìn)行漫游查看，在場景發(fā)生變化時(shí)還能保證場景與地圖之間的聯(lián)動(dòng)。

圖2 系統(tǒng)功能模塊

2 關(guān)鍵技術(shù)

2.1 數(shù)據(jù)索引技術(shù)

街景地圖服務(wù)最大的特點(diǎn)就是數(shù)據(jù)量巨大且檢索頻繁，因此必須建立必要的數(shù)據(jù)索引關(guān)系從而提升數(shù)據(jù)的檢索速度。在室外采集到的街景數(shù)據(jù)包括兩類：街景影像數(shù)據(jù)和曝光點(diǎn)信息數(shù)據(jù)，本系統(tǒng)根據(jù)兩類數(shù)據(jù)特性制定了兩種數(shù)據(jù)索引方法。

2.1.1 文件數(shù)據(jù)索引技術(shù)

街景影像數(shù)據(jù)用于構(gòu)建全景場景，也是街景瀏覽時(shí)資源傳輸量最大的數(shù)據(jù)。在數(shù)據(jù)處理時(shí)使用影像瓦片技術(shù)將街景照片按照立方體的8 個(gè)方向進(jìn)行分級(jí)切片，切片化后的數(shù)據(jù)較為瑣碎，選擇文件系統(tǒng)的方式進(jìn)行保存。

一般的街景切片管理方式是以日期為依據(jù)劃分為不同文件夾，這種數(shù)據(jù)存儲(chǔ)方式?jīng)]有考慮數(shù)據(jù)的空間特性，數(shù)據(jù)檢索時(shí)需要對(duì)同一天的所有場景依次進(jìn)行遍歷，直至找到目標(biāo)影像數(shù)據(jù)，速度較為緩慢。

本系統(tǒng)按照片曝光的空間位置對(duì)街景照片數(shù)據(jù)構(gòu)建索引，將街景切片根據(jù)“區(qū)域”、“街道”，“街景”的模式進(jìn)行分層存儲(chǔ)，如圖3 所示。并將文件的存儲(chǔ)信息同時(shí)放于數(shù)據(jù)庫表中，如表1 所示。街景影像檢索過程中通過區(qū)域劃分縮小了目標(biāo)數(shù)據(jù)檢索范圍，有效提高了場景的加載速度。

圖3 街景照片存儲(chǔ)結(jié)構(gòu)圖

表1 曝光點(diǎn)信息表結(jié)構(gòu)

2.1.2 空間數(shù)據(jù)索引技術(shù)

曝光點(diǎn)位置數(shù)據(jù)記錄了攝影光束在曝光瞬間的空間位置和姿態(tài)等參數(shù)，是街景場景與平面地圖關(guān)聯(lián)的重要信息。由于曝光點(diǎn)位置數(shù)據(jù)具有較強(qiáng)的空間位置特性，系統(tǒng)使用PostgreSQL 數(shù)據(jù)庫進(jìn)行數(shù)據(jù)存儲(chǔ)，并在空間列上構(gòu)建GiST 空間索引以提升數(shù)據(jù)檢索速度。在空間索引的基礎(chǔ)上利用空間分析函數(shù)，極大地簡化了后臺(tái)請(qǐng)求處理的難度。本系統(tǒng)使用的空間查詢語句如下：

SELECT id,lat,lon FROM bgd

WHERE ST_DWithin( geom::geography,

ST_GeomFromText('Point(latlon)',4326)::geo graphy,100)

ORDER BY

ST_Distance_sphere(geom,

ST_GeometryFromText('Point(lat,lon)'))

ASC LIMIT 1;

2.2 場景內(nèi)導(dǎo)向箭頭角度計(jì)算

傳統(tǒng)向Krpano 場景中添加的導(dǎo)向箭頭熱點(diǎn)的方式為圖片嵌入，以這種方法添加的熱點(diǎn)樣式比較呆板，且不能跟隨場景的旋轉(zhuǎn)進(jìn)行位置改變，在進(jìn)行場景瀏覽時(shí)必須將場景視角旋轉(zhuǎn)至熱點(diǎn)固定的方向才能進(jìn)行場景的跳轉(zhuǎn)，操作非常繁瑣。

針對(duì)該問題，系統(tǒng)引入了一種新的箭頭導(dǎo)向加載方式：先在獨(dú)立坐標(biāo)系中得到能描述一個(gè)指向箭頭的關(guān)鍵點(diǎn)坐標(biāo)，然后通過坐標(biāo)轉(zhuǎn)換的方式將箭頭添加至場景中去，當(dāng)場景發(fā)生旋轉(zhuǎn)時(shí)會(huì)根據(jù)觀察的角度實(shí)時(shí)計(jì)算并更新箭頭的位置，這樣導(dǎo)向箭頭可以一直存在于場景觀察視野中，方便場景的跳轉(zhuǎn)。實(shí)現(xiàn)效果如圖4 所示。

圖4 場景導(dǎo)向箭頭效果圖

以該種方式向場景中添加導(dǎo)向箭頭時(shí)，需要計(jì)算箭頭相對(duì)于當(dāng)前場景的朝向角度，而在室外采集到的街景曝光點(diǎn)信息數(shù)據(jù)中僅記錄了照片曝光時(shí)相機(jī)的真實(shí)方位角，如圖5 所示。因此在場景構(gòu)建時(shí)快速準(zhǔn)確地計(jì)算出場景內(nèi)導(dǎo)向箭頭的方向也是本系統(tǒng)要解決的重要問題。

圖5 相鄰場景真實(shí)方位角與相對(duì)觀察方向?qū)Ρ葓D

經(jīng)過分析與總結(jié)，導(dǎo)向箭頭朝向的計(jì)算方式可以根據(jù)相鄰場景真實(shí)方位角的矢量方向與該場景相對(duì)于當(dāng)前場景的觀察方向之間的關(guān)系來確定，關(guān)系如表2所示。其中，下一場景中兩者的方向必然相同，上一場景兩者的方向必然相反。左右轉(zhuǎn)場景真實(shí)方位角的矢量方向是由車輛的行使方向來確定的，可根據(jù)場景照片拍攝的先后順序進(jìn)行判斷。

表2 方位角矢量方向與相對(duì)觀察方向關(guān)系表

在對(duì)比分析的基礎(chǔ)上得出導(dǎo)向箭頭朝向的計(jì)算方法如式（1）：

圖6 系統(tǒng)總體實(shí)現(xiàn)效果圖

3 系統(tǒng)實(shí)現(xiàn)

系統(tǒng)的最終實(shí)現(xiàn)效果如圖6 所示，在系統(tǒng)功能上，系統(tǒng)實(shí)現(xiàn)了地圖瀏覽、全景加載顯示、全景漫游等功能模塊。用戶點(diǎn)擊街景影像采集范圍內(nèi)的任意位置，系統(tǒng)會(huì)加載距離該點(diǎn)最近的街景場景。此外，平面地圖中還添加了雷達(dá)標(biāo)志用來標(biāo)識(shí)當(dāng)前場景所在的真實(shí)位置和觀察方向。系統(tǒng)將平面地圖與全景場景進(jìn)行更好的結(jié)合，豐富了地圖的信息量和表現(xiàn)方式。

4 結(jié) 語

本文以Web GIS 為表現(xiàn)形式，綜合Geo Server 地圖服務(wù)引擎、PostgreSQL 數(shù)據(jù)庫引擎以及Krpano 三維全景顯示引擎，設(shè)計(jì)并實(shí)現(xiàn)了一套輕量級(jí)、嵌入能力強(qiáng)的街景影像展示系統(tǒng)，較好地解決了街景影像大數(shù)據(jù)高效管理和場景內(nèi)導(dǎo)向箭頭自動(dòng)快速計(jì)算問題，為街景地圖提供了良好的數(shù)據(jù)發(fā)布與展示平臺(tái)，希望能應(yīng)用于更多的領(lǐng)域，以此推動(dòng)街景技術(shù)的廣泛應(yīng)用。