cesium在矩形区域内添加纹理

1.划定区域 (指路另一篇博客 画矩形区域并显示长宽

2.把区域看成一个坐标轴,eg.左上角为原点,分别有X轴、Y轴

/**添加纹理 */

    const addTexture = (westSouthEastNorth: any, xNum: any, yNum: any) => {

        const entity = viewer.value.entities.getById('添加纹理')

        if (entity) {

            entity.rectangle.material.lineCount = new Cesium.CallbackProperty(() => {

                return new Cesium.Cartesian2(xNum, yNum)

            }, false)

            return

        }

        positions.value = westSouthEastNorth

        viewer.value.entities.add({

            id: '添加纹理',

            rectangle: {

                coordinates: Cesium.Rectangle.fromDegrees(westSouthEastNorth[0], westSouthEastNorth[5], westSouthEastNorth[4], westSouthEastNorth[1],),

                material: new Cesium.GridMaterialProperty({

                    color: Cesium.Color.GREY,

                    cellAlpha: 0.1,

                    lineCount: new Cesium.CallbackProperty(() => {

                        return new Cesium.Cartesian2(xNum, yNum)

                    }, false),

                }),

                outline: true,

                outlineColor: Cesium.Color.GREY,

                height: 0,

            }

        })

    }

3.监听X,Y

watch([() => xNum.value, () => yNum.value], () => {

  emits("addTexture", props.positions, Number(xNum.value), Number(yNum.value));

})

欢迎补充,一起进步。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值