Cesium.js学习第二天（立方体）

var viewer = new Cesium.Viewer(‘cs‘);// viewer.entities.add({//正方形//     position:Cesium.Cartesian3.fromDegrees(-9300,1000,1400),//     box:{//         dimensions:new Cesium.Cartesian3(800000.0, 800000.0,800000.0),//         material:‘/img/cesium.png‘//     }// })// viewer.entities.add({//球体//     position: Cesium.Cartesian3.fromDegrees(-300,100,400),//     ellipsoid:{//         radii :new Cesium.Cartesian3(800000.0, 800000.0,800000.0),//         material:‘/img/cesium.png‘//     }// })// viewer.entities.add({//圆柱//     position: Cesium.Cartesian3.fromDegrees(-300,100,400),//     cylinder :{//         length : 400000.0,//         topRadius : 200000.0,//         bottomRadius : 200000.0,//         material : Cesium.Color.GREEN.withAlpha(0.5),//         outline : true,//         outlineColor : Cesium.Color.DARK_GREEN////     }// })// viewer.entities.add({//圆锥//     position: Cesium.Cartesian3.fromDegrees(116.423241,43.920026, 200000.0),//     cylinder : {//         length : 400000.0,//         topRadius : 0.0,//         bottomRadius : 200000.0,//         material : Cesium.Color.RED//     }// })viewer.entities.add({    polygon: {        hierarchy: Cesium.Cartesian3.fromDegreesArray([            -197.0, 231.0,            -97.0, 339.0,            -87.0, 359.0,            -8237.0, 31.0]),        height : 500000,//多边形高度        material : Cesium.Color.RED.withAlpha(1),//红色不透明        outline : true,        outlineColor : Cesium.Color.ORANGE//橘色轮廓线    }})viewer.entities.add({    polyline : {        positions : Cesium.Cartesian3.fromDegreesArray([-75, 35,            -125, 35]),        width : 5,        material : Cesium.Color.RED    }});

viewer.entities.add({    polyline : {        positions : Cesium.Cartesian3.fromDegreesArray([-75, 37,            -125, 37]),        width : 10,        material : new Cesium.PolylineGlowMaterialProperty({            glowPower : 0.2,//发光强度的属性，以总线宽度的百分比表示。            color : Cesium.Color.BLUE        })    }});

viewer.entities.add({    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        })    }});

viewer.entities.add({    polyline : {        positions : Cesium.Cartesian3.fromDegreesArrayHeights([-75, 43, 500000,            -125, 43, 500000]),        width : 10,        followSurface : false,        material : new Cesium.PolylineArrowMaterialProperty(Cesium.Color.PURPLE)    }});

viewer.entities.add({//蓝色多边形    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.entities.add({//绿色多边形    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    }});

原文地址：https://www.cnblogs.com/-llf/p/9929959.html

时间： 2024-10-11 03:28:18

Cesium.js学习第二天（立方体）的相关文章

Ext JS学习第二天我们所熟悉的javascript（一）

此文用来记录学习笔记: •ExtJS是一个强大的javascript框架,如果想真正的掌握ExtJS,那么我们必须要对javascript有一定的认识,所以很有必要静下心来,抱着一本javascript书籍,恶补一番.推荐书籍<javascript高级程序设计>.<javascript设计模式>. •在这里我们学习一下可能你从未接触过的javascript,这些javascript知识是我们要学好ExtJS这个框架非常有必要的.必备的知识.我们需要掌握的内容有: –javascri

node.js学习第二天--进程管理

1.简介 process是一个全局内置对象,可以在代码中的任何位置访问此对象,这个对象代表我们的node.js代码宿主的操作系统进程对象. 使用process对象可以截获进程的异常.退出等事件,也可以获取进程的当前目录.环境变量.内存占用等信息,还可以执行进程退出.工作目录切换等操作. 下面我们一起来学习一下process对象的一些常用方法. 2.cwd函数的基本用法当我们想要查看应用程序当前目录时,可以使用cwd函数,使用语法如下: process.cwd(); 获取程序目录的方法就是这样简

JS学习第二课

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javascript"> 7 window.onload=function(){ 8 var oBtn=document.getElementById('btn1') 9 var oUl

JS学习第二天----JS语言核心

JS语言核心有些东西,对于初学者来说,可能看不懂,我在这里只是想说一下,JS里面有这么个情况,并不是说让你掌握,你只需要大致浏览一下就可以了. // 所有在双斜杠之后的内容都属于注释 //变量是表示值的一个符号名字 //变量通过var关键字来声明,案例: var x;//声明一个变量x //值可以通过等号赋值给变量 x=0; //现在变量x的值为0 x //=>0:通过变量获取其值 //JS支持多种数据类型 x=1; //数字 x=0.01; //整数和实数公用一种数据类型 x="he

Ext JS学习第五天 Ext_window组件（一）

此文来记录学习笔记 •第一个组件:Ext.window.Window.对于组件,也就是Ext最吸引开发者的地方,那么我们要真正的使用Ext的组件,首先必须学会阅读API文档. –xtype:组件的别名 –Hierarchy 层次结构 –Inherited mixins 混入的类 –Requires 该组件需要使用的类 –configs:组件的配置信息 –properties:组件的属性 –methods:组件的方法 –events:组件的事件 •window组件常用属性和方法讲解: •confi

Ext JS学习第五天 Ext_window组件（二）

此文用来记录学习笔记 •上一讲我们已经学过了window的使用,那么在这将中,我们将结合然后把Ext中需要注意的地方,以及组建的使用给予介绍.indow做几个Web开发的经典示例. •ExtWeb实战300例: –例1:点击按钮打开一个window,window重复创建的问题 •重点分析:这个问题是初学者经常会犯错的地方,一般来说简单的代码不会产生此问题,但是如果以后代码复杂以后,这个问题如果发生调试起来会非常麻烦!! 附上栗子代码 1 Ext.onReady(function () { 2 3

Ext JS学习第三天我们所熟悉的javascript（二）

•javascript之函数 •对于Ext开发者,我还是希望你能对javascript原生的东西非常了解.甚至熟练掌握运用.那么函数,无疑是非常重要的概念.首先在前面一讲,我们知道了函数也是一种数据类型,创建函数一共有三种方式.每种方式他们都会有区别,分别为: –function语句形式 –函数直接量形式 –构造函数形式 •函数中的arguments对象 –argument的作用一:接受函数的实际参数 –argument的作用二:用于做递归操作栗子代码 1 //Function 函数 2 //

js学习笔记知识点

AJAX用法安全限制JSONPCORS面向对象编程创建对象构造函数原型继承class继承 AJAX 用法 AJAX不是JavaScript的规范,它只是一个哥们"发明"的缩写:Asynchronous JavaScript and XML,意思就是用JavaScript执行异步网络请求在现代浏览器上写AJAX主要依靠XMLHttpRequest对象: 'use strict'; function success(text) { var textarea = document.getE

JS学习笔记--仿手机发送内容交互

学习JS笔记----记录上课中学习的知识点,分享下老师教的内容: 1.html内容 <div id="box"> <div id="message"> <!--<p class="left"> <img src="img/136.jpg" /> <span>这是第一句话</span> </p> <p class="righ