1、EARTHVIEWEV-北京國遙新天地信息技術有限公司 # IEV-GlobeWeb版二次開發教程EV-GlobeWeb版二次開發教程北京國遙新天地信息技術有限公司2010年3月北京EARTHVIEWEV-!magecom北京國遙新天地信息技術有限公司EARTHVIEWEV-!magecom北京國遙新天地信息技術有限公司 II #EV-GlobeWeb版二次開發教程版權所有二2009-2015，北京國遙新天地信息技術有限公司。本版最終解釋權歸北京國遙新天地信息技術有限公司所有。警告，本文檔包含的所有內容是北京國遙新天地信息技術有限公司的財產，受到中華人民共和國著作權法和國際公約的保護。未得到北

2、京國遙新天地信息技術有限公司的書面許可，不得以任何形式或手段復制、傳播，或以任何電子和文本方式翻印、轉載本文檔的任何部分。本文檔并不代表供應商及其代理的承諾，北京國遙新天地信息技術有限公司可以在不做任何申明的情況下對本文檔的內容進行修改。本文檔內容的更改將不另行通知。如有疑問請與北京國遙新天地信息技術有限公司聯系：北京市朝陽區安翔北里甲11號北京創業大廈B座21層01室。EVrnage.Com徽標是北京國遙新天地信息技術有限公司的注冊商標。EV*!mage.Com的一切有關權利屬于北京國遙新天地信息技術有限公司所有。本文檔中所涉及的軟件產品及其后續升級產品均由北京國遙新天地信息技術有限公司制作

3、并負責全權銷售。本文檔中提到的其它公司及其產品的商標所有權屬于該商標的所有者。北京國遙新天地信息技術有限公司聯系方式：電話：+86-10-64876655傳真：+86-10-64884630網址： HYPERLINK 銷售電子郵箱： HYPERLINK mailto:sales sales技術支持電子郵箱： HYPERLINK mailto:support support北京國遙新天地信息技術有限公司歡迎您的寶貴意見和建議。 IV IIIEARTHVIEWEV-北京國遙新天地信息技術有限公司EV-Globe目版錄次開發教程TOC o 1-5 h zEV-GLOBEWEB版二次開發教程I基礎篇錯

4、誤！未定義書簽。EV-GLOBEWEB版二次開發入門8 HYPERLINK l bookmark10 1.1各主要功能模塊簡介81.2EV-GlobeWeb版二次開發入門示例9 HYPERLINK l bookmark18 WEBGLOBECORE控件開發指南11WEBGLOBECORE控件介紹11WEBGLOBECORE控件開發示例12添加WebGlobeCore控件12 HYPERLINK l bookmark20 視圖控制功能的實現12 HYPERLINK l bookmark22 飛行定位13 HYPERLINK l bookmark24 保存快照13WEBLAYERTREECONTR

5、OL控件開發指南14WORLDLAYERMANAGER控件簡介14WORLDLAYERMANAGER控件開發實例14KML標注管理開發指南16 HYPERLINK l bookmark38 WEBKMLTREECONTROL控件簡介16開發示例16加載并初始化WebKmlTreeControl控件16 HYPERLINK l bookmark40 4.2.2添加KML文件夾標注對象17 HYPERLINK l bookmark42 添加點地標對象18 HYPERLINK l bookmark44 添加路徑標注對象19 HYPERLINK l bookmark46 添加多邊形標注對象19 HYP

6、ERLINK l bookmark48 添加模型標注對象20 HYPERLINK l bookmark50 添加影像覆蓋層標注對象21 HYPERLINK l bookmark52 添加照片標注對象21 HYPERLINK l bookmark54 添加網絡連接標注對象22 HYPERLINK l bookmark56 添加長方體標注對象23 HYPERLINK l bookmark58 添加錐體標注對象23 HYPERLINK l bookmark60 添加半球標注對象24 HYPERLINK l bookmark62 導入KML/KMZ文件25 HYPERLINK l bookmark68

7、 WEBSAILMANAGERCONTROL控件開發指南26WEBSAILMANAGERCONTROL控件簡介26開發示例26地名查詢模塊開發指南29WEBPLACERESULTCONTROL控件簡介29開發示例29 HYPERLINK l bookmark76 界面設計29 HYPERLINK l bookmark78 編寫代碼30 HYPERLINK l bookmark80 運行結果30三維分析開發指南31EARTHVIEWEV-北京國遙新天地信息技術有限公司EARTHVIEWEV-北京國遙新天地信息技術有限公司 VI VEV-GlobeWeb版二次開發教程TOC o 1-5 h z H

8、YPERLINK l bookmark86 7.1三維分析功能簡介31 HYPERLINK l bookmark88 7.2三維分析功能開發示例32 HYPERLINK l bookmark90 三維采點32 HYPERLINK l bookmark92 距離量測33 HYPERLINK l bookmark94 面積量測33 HYPERLINK l bookmark96 通視分析34 HYPERLINK l bookmark98 挖填方計算34 HYPERLINK l bookmark100 點源淹沒分析35 HYPERLINK l bookmark102 面源淹沒分析35 HYPERLIN

9、K l bookmark104 高度測量36 HYPERLINK l bookmark106 坡度分析36 HYPERLINK l bookmark108 斷面分析37 HYPERLINK l bookmark110 等高線分析38 HYPERLINK l bookmark112 雨雪效果38矢量地圖開發指南39WEBMAPSQLQUERYCONTROL控件39 HYPERLINK l bookmark120 簡介39WEBMAPRESULTCONTROL控件40 HYPERLINK l bookmark124 簡介40 HYPERLINK l bookmark126 開發示例40 HYPER

10、LINK l bookmark128 設置界面40 HYPERLINK l bookmark132 加載遠程地圖42 HYPERLINK l bookmark134 基本查詢操作42 HYPERLINK l bookmark136 清除高亮44 HYPERLINK l bookmark138 高級篇45自定義添加對象46開發示例46 HYPERLINK l bookmark146 添加文件夾46 HYPERLINK l bookmark148 添加點47 HYPERLINK l bookmark150 添加線48 HYPERLINK l bookmark152 添加面49 HYPERLINK

11、l bookmark154 9.2.5添加dae模型51 HYPERLINK l bookmark156 9.2.6添加x模型52 HYPERLINK l bookmark158 添加骨骼動畫模型54 HYPERLINK l bookmark160 添加圖像覆蓋層54 HYPERLINK l bookmark162 添加網絡連接56 HYPERLINK l bookmark164 添加管線57 HYPERLINK l bookmark166 管線液體流動控制5810模型移動61開發示例61 HYPERLINK l bookmark174 模型移動6111綜合示例64 HYPERLINK l b

12、ookmark180 12結構說明65EV-GlobeWeb版二次開發教程11.1GLOBECONTROL控件結構6511.2WEBGLOBECONTROLS控件結構67EARTHVIEWEV-北京國遙新天地信息技術有限公司EARTHVIEWEV-北京國遙新天地信息技術有限公司 EV-GlobeWeb版二次開發教程EV-GlobeWeb項目架構主要分為三部分：GlobeControl、WebGlobe、WebGlobeControls。EV-GlobeWeb設計原理：WebGlobe即EV-GlobeWeb表示層，主要是EV-Globe在線平臺的展示頁面；WebGlobeControls主要集

13、成自定義開發控件(2章2.1介紹)，各控件內的模塊界面及常用的功能由JavaScript生成；GlobeControl主要為數據處理層。WebGlobe中在線平臺加載控件，通過WebGlobeControls.dll中控件的模塊功能，展示三維地球。界面數據交互時，通過WebGlobeControls提供js方法將相應數據移交GlobeControl層處理，GlobeControl層處理后將三維效果及數據返回WebGlobe中Default.aspx頁面展現。在項目中添加新的功能模塊步驟如下:、在WebGlobeControls添加個新js腳本文件，js文件包含該模塊相應對話窗體的html樣式、

14、js方法，并相應添加css樣式表。Js文件屬性生成操作設置為嵌入式資源，高級保存選項為編碼UTF-8帶簽名代碼頁65001。、在WebGlobeControls新建Web自定義控件，命名空間引用usingSystem.Web.UI.HtmlControls;在自定義控件中添加啟用相應的嵌入式資源js腳本文件以及css樣式表。目的向頁面注冊JavaScript腳本、初始化加載Css文件及設置渲染界面前進行的操作參數。、在WebGlobeControls添加與新建Web自定義控件相同名稱的圖標。(4)、在GlobeControl中添加新功能模塊對應的類，在GlobeControl.cs中添加該類的

15、構造函數(初始化地球窗體時，相應實例化該類)。自定義控件功能模塊運用原理：、拖拽模塊控件(WebAnalysisControl)至頁面中。、頁面運行后，點擊帶模塊控件(如坡度分析)中js方法的按鈕，通過控件附帶js文件生成相應的對話框，當在對話框進行相關數據操作后，點擊應用按鈕，通過js方法轉向到GlobeControl中GlobeControl.cs的AnalysisDialogLoader構造函數繼續轉向AnalysisDialogLoader里的坡度分析(SlopeAnalyzerDialog)類中SlopeAnalyzerApply方法,由此將數據移交GlobeControl中Anal

16、ysisDialogLoader.SlopeAnalyzerDialog.SlopeAnalyzerApply方法。、經過SlopeAnalyzerAppl方法處理后的數據三維效果，直接再傳回地球窗體展示。而相關的數據通過GlobeControl中GlobeControl.cs的CallJavaScript頁面交互方法將數據回傳給js方法進行間接處理，并展示(如返回對話框中數據變化)。坡度分析參考實例：WebGlobeControls：WebAnalysisControl.cs(Web自定義控件);AnalysisDialog文件夾下SlopeAnalyzerDialog.js文件GlobeC

17、ontrol：GlobeControl.cs;文件夾AnalysisDialog：AnalysisDialogLoader.cs及SlopeAnalyzerDialog.csEV-GlobeWeb版二次開發教程基礎篇 # EARTHVIEWEV-北京國遙新天地信息技術有限公司EV-GlobeWeb版二次開發教程1EV-GlobeWeb版二次開發入門介紹本章主要介紹EV-GlobeWeb版各主要模塊的功能，EV-Globe二次開發包各主要模塊能夠實現的功能以及EV-GlobeWeb版的二次開發入門示例。目標通過本章的學習，希望您能夠掌握以下內容：了解EV-GlobeWeb版的各主要功能模塊；加載

18、插件，在網頁中顯示三維地球。1.1各主要功能模塊簡介序號名稱功能描述1視圖管理視圖管理主要負責EV-Globe信息服務平臺應用環境窗口的布局、三維地球窗口中各個要素的顯隱、系統插件的顯隱以及數據的對比瀏覽等。2基礎信息管理基礎信息管理功能主要由圖層控制面板實現。通過圖層控制面板，用戶可以控制個圖層的顯示。3KML地標管理EV-Globe支持GoogleEarth的KML文件格式，用戶通過KML地標管理器控件可以輕松的對.kml文件和.kmz文件講行編輯和管理。KML地標管理器控件中包括我的地理標注，用戶可以在我的地理標注中長期保存KML地標文件。4路徑導航EV-Globe中的路徑導航功能由飛行

19、瀏覽控制面板實現，該控件可以實現飛行路線的創建和各種飛行參數的設置。通過修改飛行參數可以享受多種視角的飛行瀏覽效果。5地名查詢地名杳詢功能可以實現中國國土范圍內各級行政單位地名的模糊查詢。用戶通過輸入關鍵字查找到相關信息的列表，并得到準確的經緯度信息；雙擊查詢結果即可實現定位。具體實現過程請參見“地名杳詢模塊開發指南”6三維空間分析空間分析是EV-Globe中的重要分析功能，比如距離量算、面積量算、高度量測、剖面分析、挖填方計算、淹沒分析、通視分析、高程分析、坡度分析等，具體實現過程請參見“三維分析開發指南”7矢量地圖EV-Globe已實現的對矢量地圖的操作主要包括矢量數據的顯示，點選、圓選、

20、框選等鼠標與地圖的父互杳詢，SQL杳詢，最優路徑分析等空間分析功能。具體實現過程請參見“矢量地圖開發指南”表1.1EV-GlobePro主要功能模塊列表EARTHVIEWEV-北京國遙新天地信息技術有限公司EARTHVIEWEV-北京國遙新天地信息技術有限公司EARTHVIEWEV-!mage,coml北京國遙新天地信息技術有限公司 # EV-GlobeWeb版二次開發教程由以上的功能模塊列表可以看出，EV-Globe已經封裝了一些基本圖層和常用的功能，用戶可以直接利用已有的模塊進行快速的定制開發，可以很方便的實現EV-Globe通用版所具有的功能。1.2EV-GlobeWeb版二次開發入門示

21、例(1)創建新網站1、啟動MicrosoftVisualStudio.NET2005。2、在C:MyProject目錄下新建C#的一個網站,命名為Sample，如圖1.1所示。圖1.1新建網站(2)添加插件、xml、引用dll1.在網站目錄下新建文件夾activex，將EV-GlobeWeb版開發包中提供的EVGlobeWebPlugin.cab(不帶FrameWork)和EVGlobeWebPluginWithFrameWork.cab(帶FrameWork)兩個文件拷貝到activex文件夾下;網站目錄下新建文件夾Config，并將EV-GlobeWeb版開發包中提供的world.xml拷

22、貝到Config文件夾下;并添加引用EV-GlobeWeb版開發包dll文件夾中提供的WebGlobeControls.dll,如圖1.2所示。岳解決方案Sample(1個項目)actives-C:Sa*ple目EVGlobeWebPlugin.cab目EVG1obeWebPluginWithFranteWork.cabApp_DataBin+jWebGlobeControls.dll去WebGlobeControls.pdbWebGlcibeCon-trols.KmlConfig圖叫邏111添加插件文件+Default,aspsEV-GlobeWeb版二次開發教程注意：world.xml中可

23、設置連接服務器IP地址，如不添加world.xml,項目將連接cab包自帶world.xml的IP地址。Activex中cab包根據本計算機安裝FrameWork情況自動選擇下載。2.在網站目錄下新建web窗體，并在頁面代碼中添加引用插件的代碼（注意:插件的classid和codebase在開發包文件中提供），具體代碼如下。%PageLanguage二C#AutoEventWireup二trueCodeFile二Default.aspx.csInherits=_Default%3.運行網站，網站提示安裝插件，默認安裝即可，安裝完插件后，頁面運行效果如圖1.3所示。圖1.3網站運行效果圖 #EA

24、FITHVIEWEV-!magecom北京國遙新天地信息技術有限公司EV-GlobeWeb版二次開發教程2WebGlobeCore控件開發指南介紹本章主要介紹EV-GlobeSDK二次開發包的核心控件之一WebGlobeCore，包括WebGlobeCore控件的功能介紹，并通過具體實例講解WebGlobeCore控件中各主要功能的具體實現。目標通過本章的學習，希望您能夠掌握以下內容：了解WebGlobeCore控件的主要功能；實現地球窗口各插件和各地圖要素的顯隱控制；實現飛行定位功能；實現保存屏幕快照功能。2.1WebGlobeCore控件介紹WebGlobeCore控件位于WebGlobe

25、Controls.dll中，使用之前需要在VisualStudio開發環境的工具箱中添加該控件，如圖圖2.1添加控件EARTHVIEWEV-北京國遙新天地信息技術有限公司EARTHVIEWEV-北京國遙新天地信息技術有限公司 EV-GlobeWeb版二次開發教程IlTebFartsl)HTIL指針WebFilapSqlQuwyCorLtrulWebSaiIMsltlsl評ontrolWebLayerTreeCrulWebArLysieCdpArolWebGlobeCoreWebKmlTreeControlWebGlobeUIWebFlaceRemiltCorLtrulWebFilapRemul

26、tControl圖2.2主要控件WebGlobeCore控件開發示例添加WebGlobeCore控件從工具箱中拖入WebGlobeCore控件到頁面中，頁面中代碼如下：EarthView:WebGlobeCoreID二WebGlobeCorelrunat二serverWebGlobeID二webGlobe/注意：設置WebGlobelD為頁面中object的id,例如WebGlobelD二webGlobe視圖控制功能的實現GlobeWindow控件的視圖控制主要包括天空、大氣、星空、表皮、海水等插件的顯隱控制和比例尺、狀態欄、導航器、經緯網等地圖要素的顯隱控制。在頁面中添加如下代碼EV-Glo

27、beWeb版二次開發教程函數說明：EarthView_ChangeLatLongGridVisible:改變經緯網的顯示；EarthView_ChangeStatusBarVisible:改變狀態欄的顯示；EarthView_ChangeSurfaceLayerVisible:改變表皮的顯示；EarthView_ChangeStarsLayerVisible:改變星空的顯示；EarthView_ChangeAtmosphereLayerVisible:改變大氣的顯示；EarthView_ChangeSkyLayerVisible:改變天空的顯示；EarthView_ChangeSeaLayer

28、Visible:改變海洋圖層的顯示；EarthView_ChangePlantesVisible:改變太陽的顯示；EarthView_ChangeNavigationPanelVisible:改變導航器的顯示；EarthView_ChangeScaleLegendBarVisible:改變比例尺的顯示。飛行定位(1)EarthView_FlyTo各參數的具體含義Latitude:緯度;longitude：經度；heading:正北方向偏角;altitude:視點高度;tilt：仰角。(2)具體示例在頁面中添加如下代碼：運行頁面，點擊飛行按鈕后，相機的位置信息是緯度：50.0；經度：100.00

29、；正北方向偏角：0；視點高度：10米；仰角：0度。保存快照主要用于保存，當前虛擬地球的快照，在頁面中添加如下代碼：inputtype=buttonstyle二width:50px;value二快照onclick二EarthView_ScreenShot();7運行頁面，點擊快照按鈕后，彈出圖片保存對話框，保存即可。EARTHVIEWEV-北京國遙新天地信息技術有限公司 EARTHVIEWEV-北京國遙新天地信息技術有限公司EV-GlobeWeb版二次開發教程3WebLayerTreeControl控件開發指南介紹本章主要介紹EV-GlobeSDK二次開發包的核心控件之一WebLayerTree

30、Control(圖層管理器控件)，包括WebLayerTreeContro控件的介紹和簡單的開發實例。目標通過本章的學習，希望您能夠掌握以下內容：了解WebLayerTreeContro控件的主要功能；(2)添加WebLayerTreeContr。控件，了解簡單開發實例；WorldLayerManage控件簡介WebLayerTreeContr。控件是EV-Globe的圖層管理樹狀控件，主要用于控制影像圖層、道路圖層、水系圖層、行政區劃和地名等圖層的顯示。WorldLayerManage控件開發實例1、添加WebLayerTreeControl控件將WebLayerTreeControl控件從

31、工具箱中拖入到頁面，頁面中代碼如下:修改控件大小和樣式，若要使控件浮于虛擬地球上面，則需在控件下面加一個底層iframe（注意:加一個iframe的作用主要是防止WebLayerTreeControl控件被object對象遮擋，WebLayerTreeControl控件樣式的z-index要大于iframe樣式的z-index）,修改后代碼如下：2、確保網站目錄下已存在images文件夾，如果不存在，就從Ev-GlobeSDK二次開發包中將其拷貝至網站目錄下。EV-GlobeWeb版二次開發教程”茅無標題頁-IicrosoftInternetExplorer口團岡1文件（I）編輯查看收藏工具Q

32、）幫助兇圃-；,搜素皿夾口完畢Q圖3.1圖層管理控件運行效果EARTHVIEWEV-北京國遙新天地信息技術有限公司EV-GlobeWeb版二次開發教程4KML標注管理開發指南介紹本章主要介紹EV-GlobeSDK二次開發包中的KML標注管理功能，KML標注管理功能主要由SDK二次開發包的核心控件之一WebKmlTreeControl(KML地標管理器控件)實現。本章的主要內容包括對WebKmlTreeContro控件簡單介紹，并通過實例講解KML標注管理功能的具體實現。目標通過本章的學習，希望您能夠掌握以下內容：了解WebKmlTreeContro控件；掌握WebKmlTreeContro控件

33、的初始化操作；實現地點標注的添加和管理；實現折線、多邊形標注的添加和管理；實現模型、影像、照片和網絡鏈接等標注的添加和管理；加載已有KML或KMZ文件。WebKmlTreeContrO控件簡介在EV-GlobeSDK二次開發包中，KML標注管理功能由WebKmlTreeContro腔件實現。WebKmlTreeControl控件是kml對象的樹狀管理可視化用戶控件，用戶可以通過調用WebKmlTreeContr。控件的Add方法，非常方便地實現文件夾、地點標注、折線、多邊形、影像覆蓋層、照片、模型、網絡鏈接等標注對象的添加和管理。開發示例4.2.1加載并初始化WebKmlTreeContro控

34、件1、添加WebKmlTreeContro腔件在工具箱中將WebKmlTreeContro腔件拖至頁面中，頁面中代碼如下：修改控件大小和樣式，若要使控件浮于虛擬地球上面，則需在控件下面加一個底層iframe(注意：加一個iframe的作用主要是防止WebKmlTreeControl控件被object對象遮擋，WebKmlTreeControl控件樣式的z-index要大于iframe樣式的z-index)，修改后代碼如下：2、執行代碼后，單擊“面”按鈕，彈出如下窗體(圖4.5):EAFITHVIEWEV-北京國遙新天地信息技術有限公司EAFITHVIEWEV-北京國遙新天地信息技術有限公司EA

35、RTHVIEWEz-!北京國遙新天地信息技術有限公司 # EV-GlobeWeb版二次開發教程圖4.5添加多邊形標注對話框添加模型標注對象1、在頁面中添加如下代碼：inputtype=buttonstyle二width:50px;value二模型onclick二EarthView_AddModel();/2、執行代碼后，單擊“模型”按鈕，彈出如下窗體(圖4.6):圖4.6添加模型標注對話框EV-GlobeWeb版二次開發教程添加影像覆蓋層標注對象1、在頁面中添加如下代碼：inputtype=buttonstyle二width:50px;value二圖像onclick二EarthView_Add

36、ImageOverlayer();/2、執行代碼后，單擊“圖像”按鈕，彈出如下窗體(圖4.7):顓瀕覆蓋層名稱.未頜名丈件瀏覽.不透明度11描述銀國高度位置確定取消圖4.7添加影像覆蓋層標注對話框添加照片標注對象1、在頁面中添加如下代碼：inputtype=buttonstyle二width:50px;value=照片onclick二EarthView_AddPhoto();/2、執行代碼后，單擊“照片”按鈕，彈出如下窗體(圖4.8):EARTHVIEWEV-!北京國遙新天地信息技術有限公司EARTHVIEWEV-!北京國遙新天地信息技術有限公司 EV-GlobeWeb版二次開發教程圖4.8添

37、加照片標注對話框添加網絡連接標注對象1、在頁面中添加如下代碼：inputtype=buttonstyle二width:50px;value二連接onclick二EarthView_AddNetworkLink();/2、執行代碼后，單擊“連接”按鈕，彈出如下窗體(圖4.9):EV-GlobeWeb版二次開發教程圖4.9添加網絡鏈接標注對話框添加長方體標注對象1、在頁面中添加如下代碼：2、執行代碼后，單擊“長方體”按鈕，彈出如下窗體（圖4.10）：I補加長芳陳未命塔緯.度395420.055543北經度1161.193848描述視國高度縮放癥轉琴嶽確定取消圖4.10添加長方體對話框添加錐體標注對

38、象1、在頁面中添加如下代碼：2、執行代碼后，單擊“錐體”按鈕，彈出如下窗體（圖4.11）：EAFITHVIEWEz-!北京國遙新天地信息技術有限公司EAFITHVIEWEz-!北京國遙新天地信息技術有限公司EARTHVIEWEZ-!北京國遙新天地信息技術有限公司 # EV-GlobeWeb版二次開發教程添加半球標注對象1、在頁面中添加如下代碼：inputtype=buttonstyle二width:50px;value二半球onclick二EarthView_AddNewHalfSphereModel();/2、執行代碼后，單擊“半球”按鈕，彈出如下窗體(圖4.12):圖4.12添加半球對話框

39、EV-GlobeWeb版二次開發教程導入KML/KMZ文件1、在頁面中添加如下代碼：inputtype=buttonstyle二width:50px;value二打開onclick二EarthView_LoadKmlToMyPlacemarks(WebKmlTreeControll);/注意：WebKmlTreeControil為頁面中WebKmlTreeControl控件的id,如需導入到指定的WebKmlTreeControl控件，請在EarthView_LoadKmlToMyPlacemarks方法參數中填入相應的WebKmlTreeControl控件的id。2、執行代碼后，單擊“打開”

40、按鈕，彈出如下窗體(圖4.13)：圖4.13添加網絡鏈接標注對話框EARTHVIEWEV-北京國遙新天地信息技術有限公司EARTHVIEWEV-!l京國遙新天地信息技術有限公司 EV-GlobeWeb版二次開發教程WebSailManagerControl控件開發指南介紹本章主要介紹EV-GlobeSDK二次開發包的核心控件之一WebSailManagerControl(路徑導航控件)，包括WebSailManagerControl控件簡介及其成員列表的介紹，并通過具體實例講解WebSailManagerControl控件能夠實現的主要功能。目標通過本章的學習，希望您能夠掌握以下內容：了解We

41、bSailManagerControl控件的主要功能；掌握WebSailManagerControl控件的初始化；實現WebSailManagerControl控件默認飛行路徑的加載；(4)實現WebSailManagerControl控件自定義路徑的加載。WebSailManagerControl控件簡介WebSailManagerControl是EV-GlobeSDK二次開發包中飛行瀏覽的導航控件，它主要負責管理地球窗口的飛行瀏覽功能，包括添加飛行路線、設置路線參數、添加路線節點、飛行瀏覽控制等。開發示例(一)加載并初始化WebSailManagerControl控件1、添加WebSail

42、ManagerControl控件在工具箱中將WebSailManagerControl控件拖至頁面中，頁面中代碼如下：修改控件大小和樣式，若要使控件浮于虛擬地球上面，則需在控件下面加一個底層iframe(注意：加一個iframe的作用主要是防止WebSailManagerControl控件被object對象遮擋，WebSailManagerControl控件樣式的z-index要大于iframe樣式的z-index)，修改后代碼如下：2、確保網站目錄下已存在images文件夾，如果不存在，就從Ev-GlobeSDK二次開發包中將EV-GlobeWeb版二次開發教程其拷貝至網站目錄下；3、確保頁

43、面EarthView:WebGlobeCore和EarthView:WebGlobeUI兩個控件，若沒有，則從工具箱中將兩個控件拖入到頁面中；4、執行代碼后，程序的運行結果如圖5.1所示。圖5.1WebSailManagerControl控件（二）加載默認飛行路徑文件1、在頁面添加如下代碼：inputtype=buttonstyle二width:100px;value二默認路徑onclick二EarthView_LoadDefaultRoutes();/2、執行代碼后，WebSailManagerControl控件的效果如圖5.2所示。1H+北京西山+拉薩+北京-天津-上海+柏林漫游+北京圖5

44、.2加載默認路徑效果（三）加載指定飛行路徑文件1、在頁面添加如下代碼：inputtype=buttonstyle二width:100px;value=自定義路徑onclick二EarthView_LoadCustomRoutes(WebSailManagerControl1,Routes.xml);/注意：WebSailManagerControl1為頁面中WebSailManagerControl控件的id.如需導入到指定的WebSailManagerControl控件，請在EarthView_LoadCustomRoutes方法第一參數中輸入相應的WebSailManagerControl

45、控件的id,第二參數輸入所需xml。xml有兩種形式：1、Routes.xml文件路徑為EV-GlobeGlobeControlbinDebug，確保xml文件存在。2、 HYPERLINK http:/localhost:24580/routes/Routes.xml http:/localhost:24580/routes/Routes.xmlxml文件保存網站目錄下已存在routes文件夾中。后者需在網站目錄下新建routes文件夾，將xml拷貝至routes文件夾。2、執行代碼后，WebSailManagerControl控件的效果如圖5.3所示。EVGlobeWeb版二次開發教程+北

46、京西山+拉薩+北京-天津-上海+柏林漫游+北京圖5.3加載自定義路徑效果 #EARTHVIEWEV-北京國遙新天地信息技術有限公司EV-GlobeWeb版二次開發教程地名查詢模塊開發指南介紹本章主要介紹EV-Globe中地名查詢功能的實現。地名查詢功能主要通過的WebGlobeCore控件和WebPlaceResultContro1控件來實現，其中WebGlobeCore控件中的SearchPlace方法主要實現地名的查詢，WebPlaceResultControl控件則用于地名查詢結果的呈現。目標通過本章的學習，希望您能夠掌握以下內容：了解WebPlaceResultControl控件；掌握

47、地名查詢功能的具體實現。WebPlaceResultControl控件簡介WebPlaceResultControl控件主要用來顯示地名查詢的結果，詳細顯示出地名的名稱、經度和緯度等信息，并且提供定位方法。開發示例界面設計1、添加WebPlaceResultControl控件在工具箱中將WebPlaceResultControl控件拖至頁面中，頁面中代碼如下：修改控件大小和樣式，若要使控件浮于虛擬地球上面，則需在控件下面加一個底層iframe(注意：加一個iframe的作用主要是防止WebPlaceResultControl控件被object對象遮擋，WebPlaceResultControl

48、控件樣式的z-index要大于iframe樣式的z-index)，修改后代碼如下：2、確保頁面EarthView:WebGlobeCore控件，若沒有，則從工具箱中將EarthView:WebGlobeCore控件拖入到頁面中；3、地名查詢功能的界面設計如下圖所示(圖6.1)。EARTHVIEWEV-!l京國遙新天地信息技術有限公司EARTHVIEWEV-!l京國遙新天地信息技術有限公司 EV-GlobeWeb版二次開發教程編寫代碼1、在頁面中添加如下js腳本:運行結果執行代碼后，在查詢條件的中輸入需要查詢地名的關鍵字，比如“上海”，然后單擊查詢按鈕，系統的運行結果如圖6.2所示。定位名稱緯度

49、經度定位上海市J.2301-：459343定位上海26.0577J6103.282883定位上海26.503832IO3.15S53：上海那26.056213104.2/73：圖6.2地名查詢運行結果EV-GlobeWeb版二次開發教程三維分析開發指南介紹本章主要介紹EV-Globe中三維分析功能的具體實現oEV-Globe已實現的三維分析功能主要包括三維采點、距離量測、面積量測、挖填方分析、通視分析和淹沒分析等。這些三維分析功能主要通過WebAnalysisControl封裝的方法實現。目標通過本章的學習，希望您能夠掌握以下內容：了解EV-GlobeSDK二次開發包能夠實現的三維分析功能；掌

50、握三維采點功能的具體實現；掌握距離量測功能的具體實現；掌握面積量測功能的具體實現；掌握挖填方分析功能的具體實現；掌握通視分析功能的具體實現；掌握淹沒分析功能的具體實現；掌握高度測量功能的具體實現；掌握坡度分析功能的具體實現；掌握斷面分析功能的具體實現；掌握等高線分析功能的具體實現；(6)掌握夸張地形分析功能的具體實現；(6)掌握雨雪效果分析功能的具體實現。三維分析功能簡介EV-Globe已實現的三維分析功能主要包括三維采點、距離量測、面積量測、挖填方分析、通視分析、淹沒分析、高度測量、坡度分析、斷面分析、等高線分析、夸張地形、雨雪效果。用戶可以通過WebAnalysisControl控件中的方

51、法實現這些三維分析功能。1、下面簡單介紹每個三維分析功能的具體作用。三維采點：通過鼠標在地球窗口上采點，可以顯示所采點的經度、緯度、高程等信息，并在詳細信息面板中對這些信息進行記錄；如果用戶知道某地點精確的經緯度信息，也可以使用定位功能，通過手動輸入該點的經緯度信息，從而使地球窗口自動定位到該點。距離量測：用戶在地球窗口中點擊便可獲取任意兩點或任意路徑的直線距離和貼地距離。面積量測：用戶在地球窗口需要量測面積的地方單擊鼠標左鍵拾取坐標點，便可獲得其貼地面積和投影面積。挖填方分析：在用戶指定的區域內，通過設置挖填深度，便可以得到挖方體積、填方體EV-GlobeWeb版二次開發教程積以及挖填方體積

52、差。該功能被廣泛地應用于建筑等行業。通視分析：通視分析在通信、軍事、房地產等應用領域有著重要的意義。它可以進行沿視覺瞄準線上點與點之間、點與線之間可視性的分析或整個表面上的視線范圍內的可視情況分析。視覺瞄準線是表面上兩點之間的一條直線，用來表示觀察者從其所處位置觀察表面時，沿直線的表面是可見的還是遮擋的。淹沒分析：通過用戶給定點的經緯度、高程等信息以及進行淹沒分析的高程值，得到指定搜索間隔、搜索范圍內被淹沒的區域。高度測量：利用高度測量工具，用戶可以對建筑物等模型進行高度的測量。坡度分析：獲取地球表面形狀的總體信息，為用戶提供表面形狀的總體感覺。斷面分析：獲取選定路徑的斷面分析數據及剖面圖信息

53、。等高線分析：獲取地球表面海拔高度的總體信息，為用戶提供海拔高度的總體感覺。地形夸張：設定系統DEM數據的精度以及夸張比例，為用戶提供夸張地形效果。雨雪效果：模擬下雨下雪的效果。2、添加WebAnalysisControl控件從工具箱中將WebAnalysisControl拖入到頁面，頁面代碼如下：設置WebGlobeID為頁面中object的id,例如WebGlobeID=webGlobe確保網站目錄下已存在images文件夾，如果不存在，就從Ev-GlobeSDK二次開發包中將其拷貝至網站目錄下；確保頁面EarthView:WebGlobeCore和EarthView:WebGlobeUI

54、兩個控件，若沒有，則從工具箱中將兩個控件拖入到頁面中；三維分析功能開發示例三維采點1、在頁面中添加如下代碼：2、運行代碼后，單擊“采點”按鈕，執行結果如圖7.1所示，用戶可以根據需要進行三維采點分析，也可以定位到已知精確經緯度信息的點。EV-GlobeWeb版二次開發教程圖7.1三維采點對話框距離量測1、在頁面中添加如下代碼：2、運行代碼后，單擊“距離量算”按鈕，執行結果如圖7.2所示，用戶可以通過“選項”下拉菜單中的命令，設置距離量測對話框的信息顯示和三維地球窗口中量測距離的顯示效果。圖7.2距離量測對話框面積量測1、在頁面中添加如下代碼：2、運行代碼后，單擊“面積量算”按鈕，執行結果如圖7

55、.3所示，用戶同樣可以通過“選項”下拉菜單中的命令設置面積量測對話框中需要顯示的信息。EARTHVIEWEZ-!l北京國遙新天地信息技術有限公司 EV-GlobeWeb版二次開發教程圖7.3面積量測對話框通視分析1、在頁面中添加如下代碼：2、運行代碼后，單擊“通視分析”按鈕，執行結果如圖7.4所示。在通視分析對話框中，可供用戶選擇的通視類型有點對點、點對線、點對面。圖7.4通視分析對話框通視分析X挖填方計算1、在頁面中添加如下代碼2、運行代碼后，單擊“土方計算”按鈕，會彈出挖填方計算的設置對話框，如圖7.5所示。用戶可以設置挖填方計算的界面顯示信息，也可以選擇進行挖填方計算的類型。EV-Glo

56、beWeb版二次開發教程圖7.5挖填方計算7.2.6點源淹沒分析1、在頁面中添加如下代碼2、運行代碼后，單擊“點源淹沒分析”按鈕，會彈出點源淹沒分析的設置對話框，如圖7.6所示。用戶可以根據需要設置進行淹沒分析的各項參數。圖7.6點源淹沒分析對話框7.2.7面源淹沒分析1、在頁面中添加如下代碼2、運行代碼后，單擊“區域淹沒分析”按鈕，會彈出面源淹沒分析的設置對話框，如圖7.7所示。用戶可以根據需要設置進行淹沒分析的各項參數。EV-GlobeWeb版二次開發教程區域淹沒分析柬圖7.7面源淹沒分析對話框高度測量1、在頁面中添加如下代碼：2、運行代碼后，單擊“高度量測”按鈕，會彈出高度測量結果顯示對

57、話框，如圖7.8所示。用戶可以根據需要對地球窗口中的建筑物進行高度測量。圖7.8高度測量對話框坡度分析1、在頁面中添加如下代碼：2、運行代碼后，單擊“坡度分析”按鈕，會彈出坡度分析顯示對話框，如圖7.9所示。用戶可以根據需要對地球窗口中的選定區域進行坡度分析。EV-GlobeWeb版二次開發教程圖7.9坡度分析對話框7.2.10斷面分析1、在頁面中添加如下代碼：2、運行代碼后，單擊“斷面分析”按鈕，會彈出高度測量結果顯示對話框，如圖7.10所示。用戶可以根據需要，對選定路徑進行斷面分析數據，獲取剖面圖信息。圖7.10斷面分析對話框EARTHVIEWEV-!magecoml北京國遙新天地信息技術

58、有限公司EARTHVIEWEV-!magecoml北京國遙新天地信息技術有限公司 #EV-GlobeWeb版二次開發教程7.2.11等高線分析1、在頁面中添加如下代碼：2、運行代碼后，單擊“等高線分析”按鈕，會彈出等高線分析顯示對話框，如圖7.11所示。用戶可以根據需要對地球窗口中的地球表面進行等高線分析。7.2.12雨雪效果1、在頁面中添加如下代碼2、運行代碼后，單擊“雨雪效果”按鈕，會彈出雨雪效果顯示對話框，如圖7.12所示。用戶可以根據需要進行下雨下雪模擬。雨雪效果 # EARTHVIEWEV-北京國遙新天地信息技術有限公司EV-GlobeWeb版二次開發教程矢量地圖開發指南介紹本章主要

59、介紹EV-GlobeSDK二次開發包中矢量地圖查詢功能的具體實現。EV-Globe已實現的對矢量地圖的操作主要包括矢量地圖的連接，點選、圓選、框選等鼠標與地圖的交互查詢，SQL查詢，最優路徑分析和緩沖區分析等空間分析功能。在EV-GlobeSDK二次開發包中，矢量地圖的查詢和空間分析功能主要由WebGlobeCore、WebMapSqlQueryContro閑WebMapResultContro控件實現。目標通過本章的學習，希望您能夠掌握以下內容：熟悉WebMapSqlQueryControl控件的具體應用；熟悉WebMapResultControl控件的具體應用；實現矢量地圖的遠程連接操作；

60、實現點選、圓選、框選等鼠標與地圖的交互查詢操作；實現SQL條件查詢功能；實現最優路徑分析、緩沖區分析等空間分析功能。&1WebMapSqlQueryControl控件簡介WebMapSqlQueryControl控件是進行矢量地圖查詢的條件支撐控件，其界面如圖8.1所示，它允許用戶通過設置地圖、圖層、字段、關鍵字等過濾條件對矢量數據進行查詢，然后將符合條件的查詢結果在結果列表控件中進行顯示。WebMapSqlQueryControl控件中地圖下拉列表的內容會根據遠程地圖服務器進行自動刷新，圖層下拉列表中的內容則會根據用戶選擇的不同地圖自動進行刷新，同樣，字段下拉列表中的內容則根據用戶選擇的不同