cesiumjs entity实体创建后,我们可以通过材质来实现我们想要的效果,今天要实现的效果是关于线相关的材质设置。
实例演示地址
esiumjs entity折线材质设置
绘制一条红线
const redLine = viewer.entities.add({
p...
yekong
1年前 (2023-09-28)
喜欢
cesiumjs entity实体创建后,我们可以通过材质来实现我们想要的效果。
实例演示地址
cesiumjs entity材质使用materialProperty
创建实体
var rectangle = viewer.entities.add({
id: 'enti...
yekong
1年前 (2023-09-27)
喜欢
今天要学习的是给cesiumjs Primitive添加点击事件,并根据点击事件做交互处理。今天要实现的点击实体修改实体颜色。
cesiumjs 点击前颜色
cesiumjs 点击后颜色
实例演示地址
cesiumjs Primitive实现鼠标左键点击交互
创建几何体
//...
yekong
1年前 (2023-09-27)
喜欢
今天要学习的是cesiumjs动态修改实体的颜色.
修改前
修改后
实例演示地址
cesiumjs Primitive动态修改实体颜色
创建实体
创建实体,并给实体一个id,用来修改实体的颜色,这里我们设置的id为redRect,为后面修改颜色做准备。
// 创建几何体
...
yekong
1年前 (2023-09-25)
喜欢
通过Primitive创建图像物体,Primitive自定义程度更高,我们实现一些我们想要的效果,不过相对的层级也会增加。
实例演示地址
cesiumjs Primitive添加多个实体
创建第一个实体
// 创建几何体
let rectGeometry = new Ces...
yekong
1年前 (2023-09-25)
喜欢
通过Primitive创建图像物体,Primitive自定义程度更高,我们实现一些我们想要的效果,不过相对的层级也会增加。
创建几何体
// 创建几何体
let rectGeometry = new Cesium.RectangleGeometry({
rectan...
yekong
1年前 (2023-09-24)
喜欢
通过cesium 我们可以创建很多实体,我们可以通过cesium文档来查看cesium创建实体的实例:创建实体
添加多边形
const viewer = new Cesium.Viewer("cesiumContainer");
const redPoly...
yekong
1年前 (2023-09-23)
喜欢
通过cesium 我们可以创建很多实体,我们可以通过cesium文档来查看cesium创建实体的实例:创建实体
cesium 添加一个多边形
我们可以设置这个多边形的高度 材质 以及边线和边线的颜色。
viewer.cesiumWidget.creditContainer....
yekong
1年前 (2023-09-19)
喜欢
cesium添加3D模型,这里添加一个小飞机的模型,通过viewer.entities.add下的model来实现模型的添加。
// 添加3d模型
const airplane = viewer.entities.add({
name: 'Airplane',
...
yekong
1年前 (2023-09-18)
喜欢
cesium指定坐标添加文字和广告牌图片,通过viewer.entities.add来添加文字和广告牌
label 标签
billboard 广告牌
// 添加文字
var label = viewer.entities.add({
position: Cesium.C...
yekong
1年前 (2023-09-18)
喜欢