2.三维-Skyline常用工具功能

本文通过简单编码实现Skyline三维地图的常用功能，包括：3D模式（固定场景为3D模式、2D模式、2D指北模式）放大、缩小、缩放至不同级别、指北、旋转、滑动模式等；

实现效果如下：

项目源代码：

 

 1  常见三维工具：
 2         <input type="button" value="3D模式" id="btn3D" />
 3         <input type="button" value="2D模式" id="btn2D" />
 4         <input type="button" value="2D指北模式" id="btn2DNorth" />
 5 
 6         <input type="button" value="放大" id="btnZoomIn" />
 7         <input type="button" value="缩小" id="btnZoomOut" />
 8         缩放级别：
 9         <select id="selectZoomLevel">
10             <option value="5">全球</option>
11             <option value="4">国家</option>
12             <option value="3">省</option>
13             <option value="2">城市</option>
14             <option value="1">街道</option>
15             <option value="0">房屋</option>
16         </select>
17         <input type="button" value="立即缩放" id="btnZoom" />
18         <input type="button" value="指北" id="btnNorth" />
19         <input type="button" value="旋转" id="btnRotate" />
20         <input type="button" value="滑动模式" id="btnSlideMode" />
HTML Code

 

 1   //三维模式
 2             $("#btn3D").bind("click", function () {
 3                 SGWorld66.Command.Execute(1052, 0);
 4             });
 5             //二维模式
 6             $("#btn2D").bind("click", function () {
 7                 SGWorld66.Command.Execute(1053, 0);
 8             });
 9             //二维指北模式
10             $("#btn2DNorth").bind("click", function () {
11                 SGWorld66.Command.Execute(1054, 0);
12             });
13 
14             //放大
15             $("#btnZoomIn").bind("click", function () {
16                 SGWorld66.Navigate.ZoomIn();
17             });
18             //缩小
19             $("#btnZoomOut").bind("click", function () {
20                 SGWorld66.Navigate.ZoomOut();
21             });
22             //缩放到不同级别
23             $("#btnZoom").bind("click", function () {
24                 var level = $("#selectZoomLevel").val();
25                 SGWorld66.Command.Execute(1055, level);
26             });
27             //指北
28             $("#btnNorth").bind("click", function () {
29                 SGWorld66.Command.Execute(1056, 0);
30             });
31             //旋转
32             $("#btnRotate").bind("click", function () {
33                 SGWorld66.Command.Execute(1057, 0);
34             });
35             //滑动模式
36             $("#btnSlideMode").bind("click", function () {
37                 SGWorld66.Command.Execute(1050, 0);
38             });
JavaScript Code

 

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

 

posted @ 2016-10-10 14:48  LYGIS  阅读(548)  评论(0)    收藏  举报