vue 展示三维模型cesium

文章目录

代码如下(示例):

 <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);
            },
    原文作者:小九的博客105
    原文地址: https://blog.csdn.net/qq_36208263/article/details/122342929
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞