EV-Globe在线平台二次开发教程

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控件中地图下拉列表的内容会根据远程地图服务器进行自动刷新，图层下拉列表中的内容则会根据用户选择的不同地图自动进行刷新，同样，字段下拉列表中的内容则根据用户选择的不同