Skyline软件二次开发初级——3如何在WEB页面中的三维地图上创建几何对象

1.在地面上绘制一条折线：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html> 
    <head>
        <title>Create Polyline</title>
        <object id="SGWorld" classid="CLSID:3a4f91b1-65a8-11d5-85c1-0001023952c1" style="visibility:hidden;height:0 "></object>
        <object id="TerraExplorer3DWindow" classid="CLSID:3a4f9192-65a8-11d5-85c1-0001023952c1" style="width: 1280px; height: 720px"></object>
        <script type="text/javascript">
        function Init()
        {
            // geometry creator can work on WKT, WKB or array of x,z,y coordinates
            var geometry = SGWorld.Creator.GeometryCreator.CreateLineStringGeometry([-114.73656, 36.01659,0, -115.14515, 36.15498,0, -118.24834, 34.05090,0]);
            var color = SGWorld.Creator.CreateColor(255, 0, 0, 0.7);
            // 2 in AltitudeTypeCode means on terrain, 0 means add to root 
            var line = SGWorld.Creator.CreatePolyline(geometry, color, 2, 0, "my poly on terrain");
            line.LineStyle.Width = 15000; // 15000m (15km)
            line.Position.Distance = 600000.0; // set max viewing distance in meters
            SGWorld.Navigate.FlyTo(line);            
        }
        
        </script>
    </head>
    <body onload="Init();">
    </body>
</html>

2.在空中绘制一条折线：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html> 
    <head>
        <title>Create Polyline</title>
        <object id="SGWorld" classid="CLSID:3a4f91b1-65a8-11d5-85c1-0001023952c1" style="visibility:hidden;height:0 "></object>
        <object id="TerraExplorer3DWindow" classid="CLSID:3a4f9192-65a8-11d5-85c1-0001023952c1" style="width: 1280px; height: 720px"></object>
        <script type="text/javascript">
        function Init()
        {
            var geometry = SGWorld.Creator.GeometryCreator.CreateLineStringGeometry([-114.73656, 36.01659, 10000, -115.14515, 36.15498, 300000, -118.24834, 34.05090, 700000]);
            // 3 in AltitudeTypeCode means absolute, 0 means add to root 
            var line = SGWorld.Creator.CreatePolyline(geometry, "#ff0000", 3, 0, "my poly");
            line.Position.Distance = 900000.0; // set max viewing distance in meters
            SGWorld.Navigate.FlyTo(line);
        }
        
        </script>
    </head>
    <body onload="Init();">
    </body>
</html>

3.绘制多边形：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<html>
    <head>
        <title>Create Polygons</title>
        <object id="SGWorld" classid="CLSID:3a4f91b1-65a8-11d5-85c1-0001023952c1" style="visibility:hidden;height:0 "></object>
        <object id="TerraExplorer3DWindow" classid="CLSID:3a4f9192-65a8-11d5-85c1-0001023952c1" style="width: 1280px; height: 720px"></object>
        <script type="text/javascript">
        
        function Init()
        {
            var pointsUtah = SGWorld.Creator.GeometryCreator.CreateGeometryFromWKT("POLYGON((-114.03822 41.99547,-111.04795 41.99626,-111.05028 40.99663,-109.04763 40.99847,-109.04782 36.99664,-114.04313 36.99656,-114.03822 41.99547))");
            // 2 in AltitudeTypeCode means on terrain, 0 means add to root 
            var polyUtah = SGWorld.Creator.CreatePolygon(pointsUtah, "#ff0000", SGWorld.Creator.CreateColor(0, 255, 255, 40), 2, 0, "Utah"); //
            polyUtah.LineStyle.Width = 5000; // 5000m (5km)
            var pointsWyoming = SGWorld.Creator.GeometryCreator.CreateGeometryFromWKT("POLYGON((-111.05265 44.99576,-104.05934 44.99734,-104.05120 41.00322,-111.05028 40.99663,-111.05265 44.99576))");
            // 2 in AltitudeTypeCode means on terrain, 0 means add to root 
            var polyWyoming = SGWorld.Creator.CreatePolygon(pointsWyoming, SGWorld.Creator.CreateColor(255, 255, 0, 10), null,2,0, "Wyoming");
            polyWyoming.LineStyle.Width = 20000; // 20000m (20km)
            polyWyoming.Position.Distance = 1600000;
            SGWorld.Navigate.FlyTo(polyWyoming);
        }
        
        </script>
    </head>
    <body onload="Init();">
    </body>
</html>

4.绘制圆形：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html> 
    <head>
        <title>Create Circle</title>
        <object id="SGWorld" classid="CLSID:3a4f91b1-65a8-11d5-85c1-0001023952c1" style="visibility:hidden;height:0 "></object>
        <object id="TerraExplorer3DWindow" classid="CLSID:3a4f9192-65a8-11d5-85c1-0001023952c1" style="width: 1280px; height: 720px"></object>
        <script type="text/javascript">
        
        function Init()
        {
            var circle = SGWorld.Creator.CreateCircle(SGWorld.Creator.CreatePosition(-71.00864, 42.36229,0,2),  // Pivot
                                                    1000.0,                                                     // Radius (1000m)
                                                    SGWorld.Creator.CreateColor(0, 0, 0, 0),                    // Outline color (in this sample, transparent/no outline)
                                                    SGWorld.Creator.CreateColor(200, 50, 50, 128)               // Fill color
                                                    );
            circle.Position.Distance = 3000;
            SGWorld.Navigate.FlyTo(circle); 
        }
        
        </script>
    </head>
    <body onload="Init();">
    </body>
</html>

5.创建文本标签：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<html> 
    <head>
        <title>Create Basic Labels</title>
        <object id="SGWorld" classid="CLSID:3a4f91b1-65a8-11d5-85c1-0001023952c1" style="visibility:hidden;height:0 "></object>
        <object id="TerraExplorer3DWindow" classid="CLSID:3a4f9192-65a8-11d5-85c1-0001023952c1" style="width: 1280px; height: 720px"></object>
        <script type="text/javascript">
                
        function Init()
        {
            var labelPos = SGWorld.Creator.CreatePosition(-122.41519, 37.74346, 100, 2);
            // Default label
            var label1 = SGWorld.Creator.CreateTextLabel(labelPos, "Default label",SGWorld.Creator.CreateLabelStyle());
            var labelStyle = SGWorld.Creator.CreateLabelStyle();
            labelStyle.Bold = true;
            labelStyle.LineToGround = true;
            labelStyle.TextColor = SGWorld.Creator.CreateColor(255, 0, 0);
            // Label 2
            labelPos.X += 0.001;
            var label2 = SGWorld.Creator.CreateTextLabel(labelPos, "Bold Red label\r\nwith line to ground", labelStyle);
            
            // Labe 3 
            labelStyle.BackgroundColor = SGWorld.Creator.CreateColor(255, 255, 255);
            labelStyle.Italic           = true;
            labelStyle.LineToGround     = false;
            
            labelPos.x += 0.001;            
            var label3 = SGWorld.Creator.CreateTextLabel(labelPos, "Red bold italic label\r\nwith white background", labelStyle);
            // Labe 4 
            labelStyle.BackgroundColor = SGWorld.Creator.CreateColor(255, 255, 255, 0.5);
            labelStyle.Underline       = true;
            
            labelPos.y += 0.001;            
            var label4 = SGWorld.Creator.CreateTextLabel(labelPos, "Underlined italic with\r\nsemi transparent background", labelStyle);
            // Labe 5 
            labelStyle.FontSize = 24;
            labelStyle.FontName = "Times New Roman";
            
            labelStyle.Bold      = false;
            labelStyle.Italic    = false;
            labelStyle.Underline = false;
            labelPos.x -= 0.002;            
            var label5 = SGWorld.Creator.CreateTextLabel(labelPos, "Font:Times New Roman\r\nSize:24px", labelStyle);
            SGWorld.Navigate.FlyTo(label1);
        }
        
        </script>
    </head>
    <body onload="Init();">
    </body>
</html>

6.创建带图片的文本标签：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<html> 
    <head>
        <title>Create Image Labels</title>
        <object id="SGWorld" classid="CLSID:3a4f91b1-65a8-11d5-85c1-0001023952c1" style="visibility:hidden;height:0 "></object>
        <object id="TerraExplorer3DWindow" classid="CLSID:3a4f9192-65a8-11d5-85c1-0001023952c1" style="width: 1280px; height: 720px"></object>
        <script src="abspath.js" type="text/javascript"></script>
        <script type="text/javascript">
                
        function Init()
        {
            var labelPos = SGWorld.Creator.CreatePosition(-122.46875, 37.72467, 10, 2);
            var label1 = SGWorld.Creator.CreateLabel(labelPos, "", toAbspath("data/Roundabout-large.gif"),SGWorld.Creator.CreateLabelStyle());
            SGWorld.Navigate.FlyTo(label1);
            labelPos.X += 0.001;
            labelPos.Altitude += 60;
            var label2 = SGWorld.Creator.CreateLabel(labelPos, 
                                                   "Under Constructions.\r\nThis label will not be visible\r\nabove ~800000 meters",
                                                   toAbspath("data/Underconstruction-2.gif"),SGWorld.Creator.CreateLabelStyle()
                                                   );
            label2.Style.TextOnImage = false;
            label2.Style.Bold = true;
            label2.Style.LineToGround = true;
            label2.Style.MultilineJustification = "left";
            label2.Style.TextAlignment = "right";
            label2.Visibility.MaxVisibilityDistance = 800000;
        }
        </script>
    </head>
    <body onload="Init();">
    </body>
</html>

7.创建三维模型：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html> 
    <head>
        <title>Create Model</title>
        <object id="SGWorld" classid="CLSID:3a4f91b1-65a8-11d5-85c1-0001023952c1" style="visibility:hidden;height:0 "></object>
        <object id="TerraExplorer3DWindow" classid="CLSID:3a4f9192-65a8-11d5-85c1-0001023952c1" style="width: 1280px; height: 720px"></object>
        <script src="abspath.js" type="text/javascript"></script>
        <script type="text/javascript">
                
        function Init()
        {
            var pos = SGWorld.Creator.CreatePosition(-122.38050, // x
                                                      37.62331,  // y
                                                      40.0,      // height
                                                      3,         // absolute
                                                      297.0,     // yaw
                                                      15.0);     // pitch
            var model = SGWorld.Creator.CreateModel(pos, toAbspath("data/747.xpc"), 0.2);
            SGWorld.Navigate.FlyTo(model);
            
        }
        
        </script>
    </head>
    <body onload="Init();">
    </body>
</html>

来自于：依尔根觉罗天赫

赏

谢谢你请我吃糖果

支付宝
微信

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

很惭愧<br><br>只做了一点微小的工作<br>谢谢大家