【導(dǎo)讀】mousewheel,youcancontrolamap'smagnitude,accordingtotheuser'sneedstoview. clickingthemouse.andquicklocation.eye,labels,printing,andmore.drag-and-dropdirectly.

　　

【正文】 圖管理：實現(xiàn)加載地圖，地圖查詢，圖層管理，以及其他常見的操作，例如距離測量和地圖放大，縮小，鷹眼，標簽，印刷等等。 ? 漫游地圖：使用向上和向下鍵漫游的任何區(qū)域的地圖，或拖動和拖放直接。 內(nèi)蒙古工業(yè)大學(xué) 本科畢業(yè)設(shè)計 外文文獻翻譯 11 三．系統(tǒng)開發(fā)過程 首先，我們收集了包含建筑外觀的信息，并對道路設(shè)計了樹的形狀。然后，我們建立 的三維場景與 3DS MAX 的軟件。通過這種方式我們渲染場景，并實現(xiàn)高清晰度的地圖之后，我們用切割圖形程序?qū)⒌貓D切割成小圖片，最后我們建立 HTML頁面，它可以異步加載地圖，并實現(xiàn)了電子地圖的功能。該系統(tǒng)開發(fā)的流程圖將圖 1 所示。 圖 1 系統(tǒng)開發(fā)流程圖 傳統(tǒng)的地圖在設(shè)計時對數(shù)學(xué)規(guī)律、地圖符號和制圖綜合都有嚴格的要求。網(wǎng)絡(luò)景觀電子地圖的制作也有它自己的技術(shù)標準，這是優(yōu)于傳統(tǒng)地圖的。三維電子地圖有不同縮放級別；因此，它并不需要嚴格的規(guī)模，但需要統(tǒng)一的生產(chǎn)標準。地圖符號通常盡可能地模仿真實世界 ，并盡可能的簡單化。屏幕的范圍遠遠大于紙質(zhì)地圖的固定視覺。制圖概括重視抽象模型和實際的性能結(jié)果之間的平衡。 作為數(shù)據(jù)采集和管理，如引進用戶索取地圖信息是數(shù)據(jù)采集的最后結(jié)果。一開始，我們收集所需的數(shù)據(jù)，包括名稱、 地址、 介紹和建筑物的數(shù)碼照片，并準備后續(xù)的三維建模。收集的數(shù)據(jù)后，我們應(yīng)該注意存檔和備份文件， 以防丟失的文件。 為了生成地圖，配制好的標準場景設(shè)計是必要的。我們設(shè)置的參數(shù)包括：墊、 燈、 海拔高度、 渲染效果等等，以確保我們努力的成果最后具有均勻的效果?？臻g實體的表現(xiàn)通常以點、 線、 面的形式顯示 在三維電子地圖。 與矢量圖形相比，網(wǎng)格圖形具有無可比擬的優(yōu)勢。網(wǎng)格圖形和 WebGIS 的背景出內(nèi)蒙古工業(yè)大學(xué) 本科畢業(yè)設(shè)計 外文文獻翻譯 12 版技術(shù)的組合， 可以提高系統(tǒng)的響應(yīng)速度和節(jié)省系統(tǒng)的輸入 。系統(tǒng)通過 JavaScript 語言實現(xiàn)了地圖的交互。各種瀏覽器支持的腳本語言的支持存在差異，所以在不同的瀏覽器測試地圖的各個功能是不可缺少的步驟。 四 ． 關(guān)鍵技術(shù) 三維電子地圖的發(fā)展與相關(guān)領(lǐng)域的發(fā)展分不開的，并且借鑒了 其他領(lǐng)域的的研究方法，技術(shù)和工具。 而其其他領(lǐng)域的研究直接應(yīng)用到了三維電子地圖的開發(fā)和建設(shè)，計算機圖形學(xué)，三維 GIS，虛擬現(xiàn)實和地理數(shù)據(jù)基礎(chǔ)，虛擬場景的 建模，并因此成為三維電子地圖系統(tǒng)的技術(shù)支持。 校園三維電子地圖系統(tǒng)是基于 WebGIS 技術(shù)的一個標準的軟件技術(shù)，這意味著沒有任何商業(yè)軟件的支持。本系統(tǒng)的開發(fā)利用常見的現(xiàn)有技術(shù)包括 JavaScript 技術(shù)， Ajax技術(shù)， XML技術(shù)等等。 Ajax 是一種開源的技術(shù)，它是一個將多種技術(shù)混合在一起，包括文檔對象的網(wǎng)頁顯示，層次結(jié)構(gòu)的 DOM 文檔對象模型和用來定義風格元素的 CSS，和數(shù)據(jù)交換格式的 XML或 JSON，實現(xiàn)和 XMLHttpRequest 異步服務(wù)器請求的 JavaScript 客戶端腳本語言。 Ajax的利用非同步的 交互技術(shù)，這意味著沒有必要刷新全部的頁面，因此，它減輕了用戶的等待時間。這就是它為什么會更容易被大眾所接受的原因。 EXT 是用 JavaScript 編寫的優(yōu)秀 Ajax 開源框架；它與后端技術(shù)無關(guān)，可以用來開發(fā)一個華麗的外觀富客戶端應(yīng)用程序。該系統(tǒng)使 EXT 結(jié)合 JSP 實現(xiàn)的其頁面電子地圖功能。該系統(tǒng)結(jié)合了 EXT 原型框架，創(chuàng)造一個豐富的客戶端和高度交互的 Web應(yīng)用程序，有效地實現(xiàn)富客戶端的應(yīng)用程序，并可以在一個安全控制的方式管理客戶端的安全。 JavaScript 是系統(tǒng)在設(shè)計和實施過程中的原理技術(shù)。它允許僅在客戶機 上，就可以完成各種各樣的任務(wù)，不需要網(wǎng)絡(luò)服務(wù)器的參與，用于支持分布式計算和處理，因此減少了不必要的資源浪費。 JavaScript 既不允許訪問本地硬盤，也不能數(shù)據(jù)將數(shù)據(jù)到服務(wù)器，更不用說修改和刪除網(wǎng)絡(luò)文件。瀏覽網(wǎng)頁信息并實現(xiàn)動態(tài)交互的唯一方式是通過瀏覽器，它可以有效地防范數(shù)據(jù)丟失，從而是系統(tǒng)達到了較高的安全系數(shù)。JavaScript 可被用來根據(jù)不同用戶定制瀏覽器，更加人性化設(shè)計的網(wǎng)頁，更容易為用戶掌握的方法。 JavaScript 技術(shù)是指通過小塊的方法來實現(xiàn)編程。正如其他腳本語言，JavaScript 是一種解釋型語言，它提供了一個方便的開發(fā)環(huán)境。 內(nèi)蒙古工業(yè)大學(xué) 本科畢業(yè)設(shè)計 外文文獻翻譯 13 在系統(tǒng)中，我們利用 JavaScript 腳本語言實現(xiàn)的關(guān)鍵功能，如加載地圖，縮放地圖，地理位置，以及其他相關(guān)的輔助功能，如地圖圖標顯示，測距，鷹眼，標簽。 Oracle數(shù)據(jù)庫后臺管理中所用的數(shù)據(jù)滿足需要， JSP， XML 和 HTML 一起實現(xiàn)用戶的身份驗證以及添加，刪除，修改，查詢信息等等。 該系統(tǒng)的主要功能是通過實現(xiàn) WebGIS 技術(shù)在瀏覽器中顯示三維電子地圖。由于JavaScript 技術(shù)和 WebGIS 開發(fā)模型的組合，我們可以降低系統(tǒng)的成本，同時提高互操作性和系統(tǒng)性能。由于 AJAX 技術(shù)的應(yīng)用，我們可以在加載動態(tài)地圖時得到進一步改進。所有我們使用的技術(shù)將減少反應(yīng)時間，這將對用戶留下一個快速和有效 的印象。 五．系統(tǒng)實現(xiàn) A．創(chuàng)建三維場景和地圖的場景渲染。 基于 WebGIS 的校園三維電子地圖，是一個以東北石油大學(xué)為原型的電子地圖系統(tǒng)。為了實現(xiàn)這個系統(tǒng)，我們需要完成三維場景和場景渲染地圖的制作，所以我們選擇了操作簡單而靈活的 3DMAX 模型。給出了電子地圖的需要，三維模型應(yīng)該是微妙的變化。由于東北石油大學(xué)太多復(fù)雜的建筑物，三維度模型的構(gòu)建將占用大量的時間。 要完成三維場景我們應(yīng)該先準備好來渲染場景。其實網(wǎng)格圖像三維電子地圖是固定的角度來看旋轉(zhuǎn)眼柵格地圖?？臻g三維實體建模后，選擇合適的渲染方法，使固定攝像機 角度定位在渲染（通常在 45 度角），然后渲染輸出的參數(shù)設(shè)置，使它們進入相機從固定的角度大小的圖片。 B．加載地圖 在 Web 中，主要通過 div 層表現(xiàn)，有三層顯示地圖。 一層是用來作為一個窗口載體地圖 ，該層的大小是一樣大的地圖，我們通常看到的通過瀏覽器（以下簡稱為窗口層）。另一層是用來遵循 (稱為移動圖層） 的鼠標拖動移動一層。另一個層是移動的層，用于跟隨鼠標的拖動（以下簡稱為移動層）的，其他是介乎在窗口層和移動層的被覆層。由用戶操作在地圖窗口是由上述的三層，地圖的基本操作是通過設(shè)置在不同的 圖 層功能實現(xiàn)。 當加載地 圖，我們使用柵格數(shù)據(jù)，即我們通常所說的圖像數(shù)據(jù)。 柵格數(shù)據(jù)包括圖像數(shù)據(jù)，二維地圖和三維模擬的電子地圖。這個系統(tǒng)中的柵格數(shù)據(jù)是三維模擬的電子地圖。抽象的二維地圖使一些普通用戶很難了解他們需要的信息，但三維模擬的地圖模擬真實世界的信息準確，因此用戶可以輕松地看到真實的世界。這個系統(tǒng)主要顯示內(nèi)蒙古工業(yè)大學(xué) 本科畢業(yè)設(shè)計 外文文獻翻譯 14 地圖圖片，當您查看或拖動地圖，它就像一張完整的地圖圖片的當前窗口，但事實上的小圖片拼湊而成。這些小圖片是通過特定的切圖程序?qū)⑼暾貓D切割而成；所有的圖片卡的大小都相同，并有固定的命名規(guī)則，所以地圖是速度更快和更容易地加載。有完整 的地圖繪制的方法很多，系統(tǒng)使用方形板的方法將地圖切割到 256 像素 *256像素的地圖，然后寫基于命名規(guī)則腳本完成圖片加載。 C．地圖的基本功能 拖動，縮放，平移地圖的基本功能，也是不同于一個簡單的地圖圖像的重要特征。以下是一個簡要說明的實現(xiàn)方法。要實現(xiàn)拖動，第一件事就是設(shè)置鼠標事件功能。這些事件包括按下鼠標和松開鼠標左鍵。因此，兩種功能的組合可以完成地圖導(dǎo)航。鼠標按下事件主要是用來記錄拖動的狀態(tài)以及目前的位置，當鼠標功能將捕獲的拖動完成狀態(tài)，然后使用地圖顯示功能加載地圖。實現(xiàn)縮放的功能如下過程： ? 放大和適當?shù)?比例值，需要放大的增益比前值。 ? 計算地圖放大后中心的坐標。公式：（ / oldpercent） * newpercent。 ? 修改圖標層中的數(shù)據(jù)（圖標層邏輯操作 CMAP“ _ ”）。 ? 刪除當前地圖的圖層，并強制內(nèi)存回收。 ? 加載所需的地圖文件。 與這些基本的功能，用戶可以觀察整個校園簡潔清晰地建筑物。地圖分為五個縮放級別，用戶可以放大出來要查看更多的建筑物，也可以放大以檢查建筑細節(jié)。 D．其他實用功能 1) 突出顯示以及彈出提示框 對于一些熱點建筑物的查詢，我們使用 JSON 數(shù)據(jù)創(chuàng)建一個 div 圖層，填充顏色，然后設(shè)置為半透明，當鼠標移動到圖層，該區(qū)域?qū)⑼怀鲞x擇。當鼠標點擊突出顯示的區(qū)域，會彈出一個小窗口，顯示了建筑的細節(jié)。以一個體育場為例，當鼠標不在體育場，建筑沒有什么變化，但在體育場上空，移動鼠標時，建筑物的輪廓顯示。當點擊的亮點體育場，體育場將彈出的一些基本信息，如體育場辦公室的電話，詳細地址，基本輪廓。 2) 范圍 經(jīng)度和緯度與校園電子地圖坐標之間的相互轉(zhuǎn)換，我們可以先變換校園電子地圖坐標的經(jīng)度和緯度坐標，然后通過計算兩個點之間的距離的緯度和經(jīng)度坐標，這種方法是簡單和精確。 內(nèi)蒙古工業(yè)大學(xué) 本科畢業(yè)設(shè)計 外文文獻翻譯 15 3) 標簽顯示和隱藏 為了提示一些關(guān)鍵的地方（如公共交通站、 路牌），圖中使用中其標簽進行標記的新圖層，很方便的為用戶認識到特定的位置，但標記信息將影響顯示整個場景，因此，用戶可以選擇在需要的時候顯示標簽。 4) 實時坐標和鷹眼 通過位于電子地圖的右下方角落的鷹眼地圖，用戶可以大致了解他們在那里的校園。拖動綠色方塊中的鷹眼地圖可以快速定位到您想要的位置。左下角區(qū)域?qū)崟r顯示系統(tǒng)中的鼠標光標的坐標值。 5) 查詢定位功能 最后設(shè)計的系統(tǒng)很容易操作，它提供了快速導(dǎo)航到主頁。如果您選擇某些類型的建筑物，它將在右邊列出所有類似的結(jié)構(gòu)的建筑物。點擊建 筑物名稱，可以快速的找到相應(yīng)的位置和顯示信息相關(guān)建筑。查詢數(shù)據(jù)保存在 Oracle 關(guān)系數(shù)據(jù)庫中，而定位的坐標值從 JSON 文件獲取。通過相同的字段名稱實現(xiàn)本地化詢問整合連接查詢和本地化。當來模糊查詢，在查詢框中輸入關(guān)鍵字，所有相關(guān)信息將被顯示。您還可以輸入精確的查詢，找到相應(yīng)的建設(shè)，以了解它的確切名稱。 六．結(jié)論 基于 WebGIS 的校園三維電子地圖結(jié)合簡單的二維電子地圖與現(xiàn)實，豐富和直觀的三維虛擬場景。使用 JavaScript 技術(shù)的地圖系統(tǒng)， XML技術(shù)， Oracle 數(shù)據(jù)庫等技術(shù)實現(xiàn)信息的傳輸和交互操作。系統(tǒng)本身 是跨平臺的 B／ S 模式，頁面 友好，安全，易于維護和允許一個更廣泛的用戶動態(tài)地訪問和操作簡單。 來源： YiZhiAn， Yin LiangQun． The Design and Implementation of 3D Electronic Map of Campus Based on WEBGIS． IEEE Conference Publications ． 2020： 577580