[Cesium for Supermap] 加载3dTiles,点击获取属性

代码:

javascript 复制代码
        // 设为椭球
        var obj = [6378137.0, 6378137.0, 6356752.3142451793];
        Cesium.Ellipsoid.WGS84 = Object.freeze(new Cesium.Ellipsoid(obj[0], obj[1], obj[2]));

        var viewer = new Cesium.Viewer('cesiumContainer');
        var scene = viewer.scene
        scene.lightSource.ambientLightColor = new Cesium.Color(0.65, 0.65, 0.65, 1);

        var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
            url: 'http://10.90.3.116:8999/3dTiles/995ab8c02e114841b758259df5305492/tileset.json'
        }));

        // 定位
        tileset.readyPromise.then(function () {
            var boundingSphere = tileset.boundingSphere;
            viewer.camera.viewBoundingSphere(boundingSphere, new Cesium.HeadingPitchRange(0.0, -0.5, boundingSphere.radius));
            viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
        }).otherwise(function (error) {
            throw(error);
        });

        // 监听鼠标点击事件
        viewer.screenSpaceEventHandler.setInputAction(function(click) {
            // 使用ray和场景进行交互检测
            var pickedFeature = viewer.scene.pick(click.position);

            // 检查是否点击了模型
            if (Cesium.defined(pickedFeature) && pickedFeature instanceof Cesium.Cesium3DTileFeature) {
                // 获取点击的模型的属性
                var attribute = pickedFeature.getProperty('buildid');
                console.log('buildid:', attribute);
            }
        }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
相关推荐
supermapsupport3 天前
SuperMap GIS 基础产品 FAQ 集锦(20261030)
gis·supermap·iserver·idesktopx
行走的GISer7 天前
三维场景数据接入清单:六类数据、两条来源
gis·三维可视化·倾斜摄影·3dtiles·天地图
GISBox8 天前
倾斜摄影Web端落地全攻略:从OSGB格式到3DTiles的完整转换路径
gis·格式转换·倾斜摄影·3dtiles·osgb·gisbox·顶点压缩
会灭火的程序员19 天前
SuperMap AgentX Server智能体接入WEB应用技术文档
前端·supermap·agentx·agentx server
supermapsupport1 个月前
SuperMap GIS 基础产品 FAQ 集锦(20260918)
gis·supermap·iserver
supermapsupport1 个月前
SuperMap iClient3D for WebGL 交互式栅格信息查询
webgl·supermap
在下胡三汉2 个月前
宣布了3D地理空间数据格式“3D Tiles 2.0”。 支持与 glTF 2.1 集成,并使用 3DGS 实现数据显示,如何在线查看3dtiles
无人机·gltf·3dtiles·osgb
supermapsupport3 个月前
SuperMap GIS 基础产品 FAQ 集锦(20260807)
webgl·supermap·idesktopx
GISBox3 个月前
倾斜摄影逆向反切技术:3DTiles恢复原生OSGB模型全流程
gis·3dtiles·osgb·gisbox·切片转换·倾斜摄影反切
吃辣我第一6 个月前
基于SuperMap REST-地图服务的B/S端简易图层样式编辑器实现
gis·supermap·iserver·iclient