iClient3D 图元操作

1. S3MTilesLayer,S3M(Spatial 3D Model)图层类

S3MTilesLayer,S3M(Spatial 3D Model)图层类,通过该图层实现加载三维切片缓存,包括倾斜摄影模型、BIM模型、点云数据、精细模型、矢量数据、符号等。

那S3MTilesLayer中针对图元的操作主要有'颜色','偏移','可见性''等

2. 图元操作之颜色

1.临时选中高亮:即鼠标选中其他对象或者不选中时,不再高亮;

这种情况可直接设置图层的selectedColor

javascript 复制代码
layer.selectedColor = Cesium.Color.RED

若是经过查询获取的id,可以调用setSelection(id),设置该对象选中并高亮

2.设置图元颜色

javascript 复制代码
let selectedId = [15051, 15052, 17076, 17057, 17037, 17056, 17036, 15072, 14322, 17174, 16872, 16873]
    let Colors= ['#152664','#0d2680','#002eb3','#0041a2','#005ebc','#1b75cf','#0080ff', '#2baaf9','#55d7f8','#8cedff','#b1f1ff','#F0FFFF']
    // 设置图元颜色
    function setColor(){
       for (let i = 0; i < selectedId.length; i++) {
            layer.setObjsColor([selectedId[i]], Cesium.Color.fromCssColorString(Colors[i]))
        }
    }
    // 删除相应id的图元颜色
    function removeColor(){
      layer.removeObjsColor(selectedId.slice(0,5))
    }
    // 删除所有图元的颜色
    function removeAllColor(){
        layer.removeAllObjsColor()
    }

3. 图元操作之可见性

可见性的操作主要分为两种,

一.不互斥,即设置图元自身的可见性,不影响其他图元:

使用setOnlyObjsVisible(ids, isVisible)

javascript 复制代码
// 设置图元可见
    function setOnlyObjsVisible(){
      layer.setOnlyObjsVisible(selectedId,true)
    }
    // 设置图元不可见
    function setOnlyObjsDisVisible(){
        layer.setOnlyObjsVisible(selectedId,false)
    }

二.互斥,设置图元自身的可见性,会影响其他图元的可见性:

使用setObjsVisible(ids, isVisible)

javascript 复制代码
// 互斥:设置图元可见
    function setObjsVisible(){
      layer.setObjsVisible(selectedId,true)
    }
    // 互斥:设置图元不可见
    function setObjsDisVisible(){
        layer.setObjsVisible(selectedId,false)
    }

4. 图元操作之偏移

偏移和其他三种不太一样,设置的偏移参数是设置图层的selectedTranslate属性,而不是在set方法里面设定偏移参数

javascript 复制代码
layer.selectedTranslate = new Cesium.Cartesian3(5, 0, 0)
layer.setObjsOffset([selectedId2])
相关推荐
忧郁的蛋~15 分钟前
.NET异步编程中内存泄漏的终极解决方案
开发语言·前端·javascript·.net
水月wwww24 分钟前
vue学习之组件与标签
前端·javascript·vue.js·学习·vue
顾安r39 分钟前
11.8 脚本网页 塔防游戏
服务器·前端·javascript·游戏·html
爱吃甜品的糯米团子2 小时前
JavaScript 正则表达式:选择、分组与引用深度解析
前端·javascript·正则表达式
星尘库2 小时前
抖音自动化-实现给特定用户发私信
前端·javascript·自动化
Jonathan Star2 小时前
Next.js、NestJS、Nuxt.js 是 **Node.js 生态中针对不同场景的框架**
开发语言·javascript·node.js
顾安r3 小时前
11.8 脚本网页 推箱子
linux·前端·javascript·flask
Amewin4 小时前
在vue3+uniapp+vite中挂载全局属性方法
javascript·vue.js·uni-app
玖釉-4 小时前
用 Vue + DeepSeek 打造一个智能聊天网站(完整前后端项目开源)
前端·javascript·vue.js
zhangyao9403305 小时前
关于js导入Excel时,Excel的(年/月/日)日期是五位数字的问题。以及对Excel日期存在的错误的分析和处理。
开发语言·javascript·excel