cesium可视化空间数据2

圆柱圆锥体

<!DOCTYPE html>

<html>

<head>

  <!-- Use correct character set. -->

  <meta charset="utf-8">

  <!-- Tell IE to use the latest, best version. -->

  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <!-- Make the application on mobile take up the full browser screen and disable user scaling. -->

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

  <title>Hello World!</title>

  <script src="../Cesium/Build/Cesium/Cesium.js"></script>

  <style>

 @import url(../Cesium/Build/Cesium/Widgets/widgets.css);

      html, body, #cesiumContainer {

          width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;

      }

  </style>

</head>

<body>

  <div id="cesiumContainer"></div>

  <script>

var viewer = new Cesium.Viewer('cesiumContainer');

var greenCylinder = viewer.entities.add({//Cylinder圆柱体

    name : 'Green cylinder with black outline',

    position: Cesium.Cartesian3.fromDegrees(-100.0, 40.0, 200000.0),

    cylinder : {

        length : 400000.0,

        topRadius : 200000.0,//圆柱体的顶部半径。

        bottomRadius : 200000.0,//    圆柱体底部的半径。

        material : Cesium.Color.GREEN.withAlpha(0.5),//绿色半透明

        outline : true,//轮廓

        outlineColor : Cesium.Color.DARK_GREEN//轮廓颜色深绿色

    }

});

var redCone = viewer.entities.add({//红色圆锥体

    name : 'Red cone',

    position: Cesium.Cartesian3.fromDegrees(-105.0, 40.0, 200000.0),

    cylinder : {

        length : 400000.0,

        topRadius : 0.0,

        bottomRadius : 200000.0,

        material : Cesium.Color.RED

    }

});

viewer.zoomTo(viewer.entities);

  </script>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

  <!-- Use correct character set. -->

  <meta charset="utf-8">

  <!-- Tell IE to use the latest, best version. -->

  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <!-- Make the application on mobile take up the full browser screen and disable user scaling. -->

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

  <title>Hello World!</title>

  <script src="../Cesium/Build/Cesium/Cesium.js"></script>

  <style>

 @import url(../Cesium/Build/Cesium/Widgets/widgets.css);

      html, body, #cesiumContainer {

          width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;

      }

  </style>

</head>

<body>

  <div id="cesiumContainer"></div>

  <script>

var viewer = new Cesium.Viewer('cesiumContainer');

var redPolygon = viewer.entities.add({//红色多边形

    name : 'Red polygon on surface',

    polygon : {

        hierarchy : Cesium.Cartesian3.fromDegreesArray([-115.0, 37.0,

                                                        -115.0, 32.0,

                                                        -107.0, 33.0,

                                                        -102.0, 31.0,

                                                        -102.0, 35.0]),//hierarchy多边形层次

        material : Cesium.Color.RED

    }

});

var greenPolygon = viewer.entities.add({//绿色多边形

    name : 'Green extruded polygon',

    polygon : {

        hierarchy : Cesium.Cartesian3.fromDegreesArray([-108.0, 42.0,

                                                        -100.0, 42.0,

                                                        -104.0, 40.0]),

        extrudedHeight: 500000.0,//多边形的挤出面和椭圆面之间的距离（以米为单位）

        material : Cesium.Color.GREEN,

        closeTop : false,

        closeBottom : false

    }

});

var orangePolygon = viewer.entities.add({//橙色多边形

    name : 'Orange polygon with per-position heights and outline',

    polygon : {

        hierarchy : Cesium.Cartesian3.fromDegreesArrayHeights([-108.0, 25.0, 100000,

                                                               -100.0, 25.0, 100000,

                                                               -100.0, 30.0, 100000,

                                                               -108.0, 30.0, 300000]),

        extrudedHeight: 0,//多边形的挤出面和椭圆面之间的距离（以米为单位）。

        perPositionHeight : true,//对每个位置使用options.positions的height，而不使用options.height来确定高度

        material : Cesium.Color.ORANGE.withAlpha(0.5),//橘色半透明

        outline : true,

        outlineColor : Cesium.Color.BLACK//黑色轮廓线

    }

});

var bluePolygon = viewer.entities.add({//蓝色多边形

    name : 'Blue polygon with holes and outline',

    polygon : {

        hierarchy : {

            positions : Cesium.Cartesian3.fromDegreesArray([-99.0, 30.0,

                                                            -85.0, 30.0,

                                                            -85.0, 40.0,

                                                            -99.0, 40.0]),

            holes : [{

                positions : Cesium.Cartesian3.fromDegreesArray([

                    -97.0, 31.0,

                    -97.0, 39.0,

                    -87.0, 39.0,

                    -87.0, 31.0

                ]),

                holes : [{

                    positions : Cesium.Cartesian3.fromDegreesArray([

                        -95.0, 33.0,

                        -89.0, 33.0,

                        -89.0, 37.0,

                        -95.0, 37.0

                    ]),

                    holes : [{

                        positions : Cesium.Cartesian3.fromDegreesArray([

                            -93.0, 34.0,

                            -91.0, 34.0,

                            -91.0, 36.0,

                            -93.0, 36.0

                        ])

                    }]

                }]

            }]

        },

        material : Cesium.Color.BLUE.withAlpha(0.5),

        outline : true,

        outlineColor : Cesium.Color.BLACK

    }

});

viewer.zoomTo(viewer.entities);

  </script>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

  <!-- Use correct character set. -->

  <meta charset="utf-8">

  <!-- Tell IE to use the latest, best version. -->

  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <!-- Make the application on mobile take up the full browser screen and disable user scaling. -->

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

  <title>Hello World!</title>

  <script src="../Cesium/Build/Cesium/Cesium.js"></script>

  <style>

 @import url(../Cesium/Build/Cesium/Widgets/widgets.css);

      html, body, #cesiumContainer {

          width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;

      }

  </style>

</head>

<body>

  <div id="cesiumContainer"></div>

  <script>

var viewer = new Cesium.Viewer('cesiumContainer');

var redLine = viewer.entities.add({

    name : 'Red line on the surface',

    polyline : {

        positions : Cesium.Cartesian3.fromDegreesArray([-75, 35,

                                                        -125, 35]),

        width : 5,//多段线的宽度（以像素为单位）。

        material : Cesium.Color.RED

    }

});

var glowingLine = viewer.entities.add({

    name : 'Glowing blue line on the surface',

    polyline : {

        positions : Cesium.Cartesian3.fromDegreesArray([-75, 37,

                                                        -125, 37]),

        width : 10,

        material : new Cesium.PolylineGlowMaterialProperty({

            glowPower : 0.2,//发光强度的属性，以总线宽度的百分比表示。

            color : Cesium.Color.BLUE

        })

    }

});

var orangeOutlined = viewer.entities.add({

    name : 'Orange line with black outline at height and following the surface',

    polyline : {

        positions : Cesium.Cartesian3.fromDegreesArrayHeights([-75, 39, 250000,

                                                               -125, 39, 250000]),

        width : 5,

        material : new Cesium.PolylineOutlineMaterialProperty({

            color : Cesium.Color.ORANGE,

            outlineWidth : 2,

            outlineColor : Cesium.Color.BLACK

        })

    }

});

var purpleArrow = viewer.entities.add({

    name : 'Purple straight arrow at height',

    polyline : {

        positions : Cesium.Cartesian3.fromDegreesArrayHeights([-75, 43, 500000,

                                                               -125, 43, 500000]),

        width : 10,

        followSurface : false,

        material : new Cesium.PolylineArrowMaterialProperty(Cesium.Color.PURPLE)

    }

});

viewer.zoomTo(viewer.entities);

  </script>

</body>

</html>

  </script>

</body>

</html>

cesium可视化空间数据2的更多相关文章

cesium可视化空间数据1
---恢复内容开始--- 1.多边形我们要从经度和纬度列表中为美国怀俄明州添加一个多边形.(怀俄明被选中是因为它是一个简单的多边形.)我们可以复制并粘贴以下代码到Sandcastle中: < ...
用Cesium可视化地下设施、矿山和地质层
Cesium中文网:http://cesiumcn.org/ | 国内快速访问:http://cesium.coinidea.com/ 本月的CesiumJS 1.70发布引入的一项关键改进是地下数据 ...
Cesium数据可视化-仓储调度系统可视化部分(附github源码)
Cesium数据可视化-仓储调度系统可视化部分目的仓储调度系统需要一个可视化展示物资运输实况的界面,需要配合GPS设备发送的位置信息,实时绘制物资运输情况和仓储仓库.因此,使用Cesium可视化该 ...
Cesium参考资源
Reference resources cesium官网 cesium 下载 cesium官方文档 APIs cesium-workshop github cesium 官方示例 cesium git ...
手把手教你学习R语言
本文为带大家了解R语言以及分段式的步骤教程! 人们学习R语言时普遍存在缺乏系统学习方法的问题.学习者不知道从哪开始,如何进行,选择什么学习资源.虽然网络上有许多不错的免费学习资源,然而它们多过了头,反 ...
剖析虚幻渲染体系（15）- XR专题
目录 15.1 本篇概述 15.1.1 本篇内容 15.1.2 XR概念 15.1.2.1 VR 15.1.2.2 AR 15.1.2.3 MR 15.1.2.4 XR 15.1.3 XR综述 15. ...
Cesium中级教程1 - 空间数据可视化（一）
Cesium中文网:http://cesiumcn.org/ | 国内快速访问:http://cesium.coinidea.com/ 本教程将教读者如何使用Cesium的实体(Entity)API绘 ...
Cesium中级教程4 - 空间数据可视化（二）
Cesium中文网:http://cesiumcn.org/ | 国内快速访问:http://cesium.coinidea.com/ Viewer中的Entity功能让我们看看Viewer为操作e ...
Ceisum官方教程3 -- 空间数据可视化
原文地址:https://cesiumjs.org/tutorials/Visualizing-Spatial-Data/ 这篇教程教你如何使用Cesium的Entity API去绘制空间数据,如点, ...

随机推荐

特效effects
Test中使用的特效如下首先,使用ccg(x,y)建grid,一个Grid 属性就好像一个矩阵,是一个网络的线,组成一系列的方块和矩阵. 一个(16,12)大小的grid将会运行的非常快,但是并不会 ...
posix多线程--三种基本线程编程模型
本文介绍了三种构建线程解决方案的方式. 一.流水线:每个线程执行同一种操作,并把操作结果传递给下一步骤的线程. 代码示例如下:终端输入一个int值,每个线程将该值加1,并将结果传给下一个线程. #in ...
08、通过自定义依赖属性，用 StateTrigger 修改全局主题样式
在 Win 10 的 UWP 中,需要在 xaml 中,通过使用 StateTrigger 修改全局的文本大小.Background.画刷等依赖属性等主题样式.下面只针对字体大小进行描述,其它依赖属性 ...
IDEA用maven打war包
打包其实很简单: 把tomcat停掉,点击Maven Projects ,点击clean , 点击package 自动打包完成. 查看包位置: 这是包的位置,通过查看PATH就可以知道你的包在哪里了. ...
一款基于jquery和css3实现的摩天轮式分享按钮
之前分享了很多css3实现的按钮.今天要给大家带来一款基于jquery和css3实现的摩天轮式分享按钮.这款分享按钮页面底部有一个toggle按钮,单击该按钮,摩天轮按钮以动画的形式出现,各个分享按钮 ...
C++ - 动态申请数组空间
// 用指针p指向由new动态分配的长度为length*sizeof(int)的内存空间. int * p = new int[length];
CentOS 修改系统语言的方法
使用如下命令: export LANG="en_US.UTF-8" 可以修改环境变量LANG,修改之后立即生效,当时当系统重新启动时便会又变成原来的语言另外两种修改语言的方法: ...
启动haoop并运行wordcount
启动hadoop,这里hadoop的版本是2.7.4 进入Hadoop的安装目录的bin目录下,采用-format命令格式化文件系统. hadoop namenode -format hadoop d ...
swconfig--交换接口配置命令
swconfig是交换接口(switch)配置命令. swconfig list ; 列出可用的SWITCH设备信息(dev参数) Found: switch0 - ag71xx-mdio. swco ...
windows server 2003中用系统自带工具调整磁盘分区大小
先在需要扩展的右边留出未分配的磁盘空间,可以通过我的电脑右键管理磁盘管理来操作首先进入cmd界面然后输入Diskpart 这个时候进入DISKPART> 界面然后你先选择磁盘一 ...

cesium可视化空间数据2

cesium可视化空间数据2的更多相关文章

随机推荐

热门专题