vue 展示三维模型☞cesium

最新推荐文章于 2024-09-04 14:35:02 发布

小九的博客105

最新推荐文章于 2024-09-04 14:35:02 发布

阅读量792

点赞数

分类专栏： cesium

本文链接：https://blog.csdn.net/qq_36208263/article/details/122342929

版权

Cesium.js 3DTileset 地图展示视图配置 3D场景

关键词由CSDN通过智能技术生成

cesium 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

文章目录

代码如下（示例）：

 <div id="cesiumContainer"></div>

代码如下（示例）：

   const viewer = new Cesium.Viewer('cesiumContainer', {
                    animation: false,    //左下角的动画仪表盘
                    baseLayerPicker: false,  //右上角的图层选择按钮
                    geocoder: false,  //搜索框
                    homeButton: false,  //home按钮
                    sceneModePicker: false, //模式切换按钮
                    timeline: false,    //底部的时间轴
                    navigationHelpButton: false,  //右上角的帮助按钮，
                    fullscreenButton: false,   //右下角的全屏按钮
                    imageryProvider: new Cesium.UrlTemplateImageryProvider(
                        {url: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",}),
                })
                viewer.cesiumWidget.creditContainer.style.display = "none";//去cesium logo水印
                var tileset = new Cesium.Cesium3DTileset({
                    // url: 'http://localhost:9000/testm3DTiles.json',
                    url: 'http://localhost:9000/terra_b3dms/tileset.json',
                    maximumScreenSpaceError: 2,//默认16,最大屏幕空间错误
                    //maximumNumberOfLoadedTiles: 1000,
                    maximumMemoryUsage: 1024  //默认512,内存MB的最大数量
                });
                viewer.scene.primitives.add(tileset);
                viewer.flyTo(tileset);
            },