1.三维-初始化Skyline和切换TerraExplorer工程

本文通过初始化Skyline三维地图,并实现点击切换TerraExploer工程;

 项目源代码:

 1 <!DOCTYPE html>
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <title>TerraExplorer® Pro版本6.6.1二次开发事例</title>
 6     <script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
 7     <script language="javascript">
 8         $(function () {
 9             //加载本地TerraExplorer工程
10             $("#btnOpenProject").bind("click", function () {
11                 try {
12                     var flyPath = prompt("请填写本地FLY资源路径", "D:\\lzjiangyang\\jy.fly");
13                     if (flyPath.lastIndexOf(".Fly".toLowerCase()) > -1) {
14                         //方法1:以命令方式加载工程文件
15                         //SGWorld66.Command.Execute(1001, flyPath);//填写以.fly结尾的工程文件路径
16                         //方法2:以接口方式加载工程文件
17                         SGWorld66.Open(flyPath);
18                     }
19                     else {
20                         alert("请填写正确的FLY文件目录");
21                     }
22                 }
23                 catch (ex) {
24                     alert(ex.message);
25                 }
26             });
27         })
28         //初始化加载TerraExplorer工程
29         $(window).load(function () {
30             try {
31                 SGWorld66.Project.Open("zj3d2k.mpt@www.map.zj.cn:5555");
32             }
33             catch (ex) {
34                 alert(ex.message);
35             }
36         });
37     </script>
38 
39 </head>
40 <body>
41     <div>
42         <input type="button" value="切换TerraExplorer工程" id="btnOpenProject" />
43         <hr />
44         <div id="div_tree" style="width:20%;height:700px;float:left;border: rgb(1,158,213) 1px solid;">
45             <object id="LY_TerraExplorerInformationWindow" classid="CLSID:3a4f9193-65a8-11d5-85c1-0001023952c1" style="width:100%;height:100%;"></object>
46         </div>
47         <div id="div_3dWindow" style="height:700px;width:79%;float:left;border: rgb(1,158,213) 1px solid;">
48             <object id="LY_TerraExplorer3DWindow" classid="CLSID:3a4f9192-65a8-11d5-85c1-0001023952c1" style="width:100%;height:100%;"></object>
49         </div>
50         <object id="SGWorld66" classid="CLSID:3A4F9199-65A8-11D5-85C1-0001023952C1" style="visibility:hidden;height:0 "></object>
51 
52 </body>
53 </html>

 补充说明

//三维对象:SGWorld66:用于JS代码操作Skyline相关API;
<OBJECT ID ="SGWorld66" classid="CLSID: 3A4F9199-65A8-11D5-85C1-0001023952C1" style="visibility:hidden;height:0 "></OBJECT>

//三维信息树对象:TerraExplorerInformationWindow
<OBJECT ID="TerraExplorerInformationWindow" CLASSID="CLSID:3a4f9193-65a8-11d5-85c1-0001023952c1" width=200 height=400 ></OBJECT>

//三维场景展示窗口对象:TerraExplorer3DWindow
<OBJECT ID=" TerraExplorer3DWindow" CLASSID="CLSID:3a4f9192-65a8-11d5-85c1-0001023952c1" width=500 height=400></OBJECT>

  关注GIS行业发展,关注智慧城市建设,GIS应用开发学院

posted @ 2016-10-09 17:25  LYGIS  阅读(553)  评论(0)    收藏  举报