[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);
相关推荐
枝上棉蛮21 小时前
免费GIS工具箱:轻松将glb文件转换成3DTiles文件
gis·数字孪生·数据格式转换·3dtiles·地理信息系统·glb·gis软件
supermapsupport4 天前
iClient3D for Cesium 实现限高分析
3d·vue·gis·cesium·supermap·webgis
cesium vue15 天前
第53节:倾斜模型osgb转3dtiles(免费工具)
倾斜模型·3dtiles·osgb·转3dtiles
supermapsupport2 个月前
SuperMap GIS基础产品FAQ集锦(20241104)
java·javascript·gis·supermap·webgis
按图索迹2 个月前
100GB,台湾台东县绿岛倾斜摄影3DTiles数据来了
三维可视化·cesium·倾斜摄影·3dtiles·台湾倾斜摄影
qbbmnnnnnn2 个月前
【WebGis开发 - Cesium】三维可视化项目教程---图层管理基础
前端·wmts·cesium·vue3.0·webgis·3dtiles·图层管理
按图索迹2 个月前
台湾高雄三维倾斜摄影模型3DTiles样例数据介绍
人工智能·3d·cesium·倾斜摄影·3dtiles·台湾·3dgis
用你的胜利博我一笑吧3 个月前
supermap iclient3d for cesium中entity使用
前端·javascript·vue.js·3d·cesium·supermap
用你的胜利博我一笑吧3 个月前
vue3+ts+supermap iclient3d for cesium功能集合
前端·javascript·vue.js·3d·cesium·supermap
supermapsupport4 个月前
SuperMap GIS基础产品FAQ集锦(20240826)
java·gis·webgl·supermap·webgis