Cesium绘制矩形,2024金九银十面试季

本文介绍了如何使用Cesium在地图上绘制矩形,结合鼠标交互,详细展示了代码实现过程。此外,文章提及作者的前端开发经验,包括在大厂的工作背景,并分享了《2024年Web前端开发全套学习资料》,涵盖从基础到进阶的全面学习资源,助力开发者提升技能。
摘要由CSDN通过智能技术生成

material : Cesium.Color.RED.withAlpha(0.5)

}

});

}

return shape;

}

var we=[];

var ns=[];

//鼠标左键

handler.setInputAction(function (event) {

// 我们在这里使用“viewer.scene.pickPosition”而不是“viewer.camera.pick椭球体”

// 我们在地形上移动时得到了正确的点。

var earthPosition = viewer.scene.pickPosition(event.position);

// `如果我们的鼠标不在地球上,地球位置将是不确定的

if (Cesium.defined(earthPosition)) {

if (activeShapePoints.length === 0) {

floatingPoint = createPoint(earthPosition);

activeShapePoints.push(earthPosition);

var dynamicPositions = new Cesium.CallbackProperty(function () {

return activeShapePoints;

}, false);

activeShape = drawShape(dynamicPositions);//绘制动态图

}

activeShapePoints.push(earthPosition);

createPoint(earthPosition);

console.log(earthPosition

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值