Cesium Entities 贴图

Cesium 添加点，图片，棋盘，网格

1. 加载图片方法 ImageMaterialProperty属性

material ： new Cesium.ImageMaterialProperty({
    image: 'image.jpg',
    color: Cesium.Color.BLUE,
    repeat : new Cesium.Cartesian2(4, 4)
});

2. 加载棋盘方法 CheckerboardMaterialProperty属性

material:new Cesium.CheckerboardMaterialProperty({
                    evenColor : Cesium.Color.WHITE,//棋盘第一个颜色
                    oddColor : Cesium.Color.BLACK,//棋盘第二个颜色
                    repeat : new Cesium.Cartesian2(4, 4)//重复次数
                })

3. 加载条纹方法 StripeMaterialProperty属性

material: new Cesium.StripeMaterialProperty({
                    evenColor : Cesium.Color.WHITE,//棋盘第一个颜色
                    oddColor : Cesium.Color.RED,//棋盘第二个颜色
                    repeat : 32,//重复次数
                    offset:20,//偏移量
                    orientation:Cesium.StripeOrientation.VERTICAL //水平或垂直默认水平
                })

4. 加载网格方法 GridMaterialProperty属性

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) //线条粗细
                  })

5. 完整代码

完整代码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) //线条粗细
                  })
            }
        });
    }

}

原文链接：https://blog.csdn.net/weixin_46730573/article/details/115604845