分类:CesiumJs

CesiumJs学习笔记

cesiumjs entity折线材质设置

cesiumjs entity折线材质设置
cesiumjs entity实体创建后,我们可以通过材质来实现我们想要的效果,今天要实现的效果是关于线相关的材质设置。 实例演示地址 esiumjs entity折线材质设置 绘制一条红线 const redLine = viewer.entities.add({ p...

yekong 1年前 (2023-09-28) 喜欢

cesiumjs entity材质使用materialProperty

cesiumjs entity材质使用materialProperty
cesiumjs entity实体创建后,我们可以通过材质来实现我们想要的效果。 实例演示地址 cesiumjs entity材质使用materialProperty 创建实体 var rectangle = viewer.entities.add({ id: 'enti...

yekong 1年前 (2023-09-27) 喜欢

cesiumjs Primitive实现鼠标左键点击交互

cesiumjs Primitive实现鼠标左键点击交互
今天要学习的是给cesiumjs Primitive添加点击事件,并根据点击事件做交互处理。今天要实现的点击实体修改实体颜色。 cesiumjs 点击前颜色 cesiumjs 点击后颜色 实例演示地址 cesiumjs Primitive实现鼠标左键点击交互 创建几何体 //...

yekong 1年前 (2023-09-27) 喜欢

cesiumjs Primitive动态修改实体颜色

cesiumjs Primitive动态修改实体颜色
今天要学习的是cesiumjs动态修改实体的颜色. 修改前 修改后 实例演示地址 cesiumjs Primitive动态修改实体颜色 创建实体 创建实体,并给实体一个id,用来修改实体的颜色,这里我们设置的id为redRect,为后面修改颜色做准备。 // 创建几何体 ...

yekong 1年前 (2023-09-25) 喜欢

cesiumjs Primitive添加多个实体

cesiumjs Primitive添加多个实体
通过Primitive创建图像物体,Primitive自定义程度更高,我们实现一些我们想要的效果,不过相对的层级也会增加。 实例演示地址 cesiumjs Primitive添加多个实体 创建第一个实体 // 创建几何体 let rectGeometry = new Ces...

yekong 1年前 (2023-09-25) 喜欢

cesiumjs Primitive创建图像物体

cesiumjs Primitive创建图像物体
通过Primitive创建图像物体,Primitive自定义程度更高,我们实现一些我们想要的效果,不过相对的层级也会增加。 创建几何体 // 创建几何体 let rectGeometry = new Cesium.RectangleGeometry({ rectan...

yekong 1年前 (2023-09-24) 喜欢

cesium 椭圆_走廊_圆柱体添加与设置

cesium 椭圆_走廊_圆柱体添加与设置
通过cesium 我们可以创建很多实体,我们可以通过cesium文档来查看cesium创建实体的实例:创建实体 cesium 添加一个多边形 我们可以设置这个多边形的高度 材质 以及边线和边线的颜色。 viewer.cesiumWidget.creditContainer....

yekong 1年前 (2023-09-19) 喜欢

cesium 3D模型添加与设置

cesium 3D模型添加与设置
cesium添加3D模型,这里添加一个小飞机的模型,通过viewer.entities.add下的model来实现模型的添加。 // 添加3d模型 const airplane = viewer.entities.add({ name: 'Airplane', ...

yekong 1年前 (2023-09-18) 喜欢

cesium添加标签与广告牌

cesium添加标签与广告牌
cesium指定坐标添加文字和广告牌图片,通过viewer.entities.add来添加文字和广告牌 label 标签 billboard 广告牌 // 添加文字 var label = viewer.entities.add({ position: Cesium.C...

yekong 1年前 (2023-09-18) 喜欢