效果
代码
完整代码es6格式
class Poin { constructor(viewer) { this.viewer = viewer; } // 添加点 EntityPoin(){ this.viewer.entities.add({ //点的位置 position : Cesium.Cartesian3.fromDegrees(116.39, 39.9), //点 point : { pixelSize : 10,//点的大小 color : Cesium.Color.RED,//点的颜色 outlineColor:Cesium.Color.YELLOW,//外圈颜色 outlineWidth:5,//外圈大小 } }); } // 添加椭圆 EntityEllipse(){ // 添加椭圆 this.viewer.entities.add({ position:Cesium.Cartesian3.fromDegrees(116.39, 39.85), name:'blue椭圆', //椭圆 ellipse:{ semiMinorAxis:2500.0,// 获取或设置指定半短轴的数字属性 semiMajorAxis:5000.0,//获取或设置指定半长轴的数字属性。 height:0.0,//添加外轮廓必须要设定高度 material:Cesium.Color.fromCssColorString('#67ADDFcc'),//设置颜色 outline:true,//设置指定椭圆是否有轮廓的Property 默认false outlineColor:Cesium.Color.fromCssColorString('red'),//设置颜色 outlineWidth:10.0 } }); } //贴图 EntityEllipseTb(){ // 添加椭圆 this.viewer.entities.add({ position:Cesium.Cartesian3.fromDegrees(116.39, 39.8), name:'image', //椭圆 ellipse:{ semiMinorAxis:250.0,// 获取或设置指定半短轴的数字属性 semiMajorAxis:500.0,//获取或设置指定半长轴的数字属性。 // height:200.0,//添加外轮廓必须要设定高度 // material:Cesium.Color.fromCssColorString('#67ADDFcc'),//设置颜色 outline:true,//设置指定椭圆是否有轮廓的Property 默认false fill:true,//设置指定椭圆是否有填充 material:require("@/assets/image.jpg") } }); } // 棋盘 EntityEllipseCheckerboardMaterialProperty(){ // 添加椭圆 this.viewer.entities.add({ position:Cesium.Cartesian3.fromDegrees(116.39, 39.75), name:'image', //椭圆 ellipse:{ semiMinorAxis:2500.0,// 获取或设置指定半短轴的数字属性 semiMajorAxis:5000.0,//获取或设置指定半长轴的数字属性。 // height:200.0,//添加外轮廓必须要设定高度 // material:Cesium.Color.fromCssColorString('#67ADDFcc'),//设置颜色 outline:true,//设置指定椭圆是否有轮廓的Property 默认false fill:true,//设置指定椭圆是否有填充 material:new Cesium.CheckerboardMaterialProperty({ evenColor : Cesium.Color.WHITE,//棋盘第一个颜色 oddColor : Cesium.Color.BLACK,//棋盘第二个颜色 repeat : new Cesium.Cartesian2(4, 4)//重复次数 }) } }); } // 条纹 EntityEllipseStripeMaterialProperty(){ // 添加椭圆 this.viewer.entities.add({ position:Cesium.Cartesian3.fromDegrees(116.39, 39.7), name:'image', //椭圆 ellipse:{ semiMinorAxis:2500.0,// 获取或设置指定半短轴的数字属性 semiMajorAxis:5000.0,//获取或设置指定半长轴的数字属性。 // height:200.0,//添加外轮廓必须要设定高度 // material:Cesium.Color.fromCssColorString('#67ADDFcc'),//设置颜色 outline:true,//设置指定椭圆是否有轮廓的Property 默认false fill:true,//设置指定椭圆是否有填充 material: new Cesium.StripeMaterialProperty({ evenColor : Cesium.Color.WHITE,//棋盘第一个颜色 oddColor : Cesium.Color.RED,//棋盘第二个颜色 repeat : 32,//重复次数 offset:20,//偏移量 orientation:Cesium.StripeOrientation.VERTICAL //水平或垂直默认水平 }) } }); } // 网格 EntityEllipseGridMaterialProperty(){ // 添加椭圆 this.viewer.entities.add({ position:Cesium.Cartesian3.fromDegrees(116.39, 39.65), name:'image', //椭圆 ellipse:{ semiMinorAxis:2500.0,// 获取或设置指定半短轴的数字属性 semiMajorAxis:5000.0,//获取或设置指定半长轴的数字属性。 // height:200.0,//添加外轮廓必须要设定高度 // material:Cesium.Color.fromCssColorString('#67ADDFcc'),//设置颜色 outline:true,//设置指定椭圆是否有轮廓的Property 默认false fill:true,//设置指定椭圆是否有填充 material: new Cesium.GridMaterialProperty({ color : Cesium.Color.GREENYELLOW, cellAlpha : 0.2,//单元格透明度 lineCount : new Cesium.Cartesian2(10, 8),// 行列个数 lineThickness : new Cesium.Cartesian2(1.0, 2.0) //线条粗细 }) } }); } }
