Cesium 加载B3DM模型 - ToB企服应用市场:ToB评测及商务社交产业平台

<script type="text/javascript" src="/Cesium/Cesium.js"></script>

复制代码

const cesiurView = ref();
const initCesiut = () => {
Cesium.Ion.defaultAccessToken ='';
cesiurView.value = new Cesium.Viewer(props.id, {
animation: false, //是否显示动画控件
shouldAnimate: true,
homeButton: false, //是否显示Home按钮
fullscreenButton: false, //是否显示全屏按钮
baseLayerPicker: false, //是否显示图层选择控件
geocoder: false, //是否显示地名查找控件
timeline: false, //是否显示时间线控件
sceneModePicker: false, //是否显示投影方式控件
navigationHelpButton: false, //是否显示帮助信息控件
infoBox: false, //是否显示点击要素之后显示的信息
requestRenderMode: true, //启用请求渲染模式
scene3DOnly: true, //仅渲染3D
sceneMode: 3, //初始场景模式 1 2D模式 2 2D循环模式 3 3D模式 Cesium.SceneMode
selectionIndicator: false,//不创建selectionIndicator小部件
skyAtmosphere:false,//不显示天空
});
cesiurView.value._cesiumWidget._creditContainer.style.display = 'none';// 隐藏logo
cesiurView.value.scene.screenSpaceCameraController.inertiaZoom = 0.5;
cesiurView.value.scene.screenSpaceCameraController.enableTilt = true; // 禁止俯仰角
cesiurView.value.scene.globe.depthTestAgainstTerrain = false; //关闭地形
cesiurView.value.scene.globe.show = false;
cesiurView.value.scene.sun.show = false; //是否显示太阳
cesiurView.value.scene.moon.show = false; //是否显示有月亮
cesiurView.value.scene.skyBox.show = false; //是否显示星空
cesiurView.value.scene.backgroundColor = new Cesium.Color(0,0,0,1)
};

复制代码

const addB3DMModel = async () => {
let tileset = await Cesium.Cesium3DTileset.fromUrl(``, {
maximumScreenSpaceError: 2,//各级别最大误差
show: true,
skipLevels: 0,//加载图层是跳转的最小级别，0 不跳转
immediatelyLoadDesiredLevelOfDetail: false,//只加载所需图块
loadSiblings: false,//是否下载所有图块
cullWithChildrenBounds: true,
});
cesiurView.value.scene.primitives.add(tileset, {
disableDepthTestDistance: Number.POSITIVE_INFINITY,
});
cesiurView.value.zoomTo(tileset);//定位到当前模型
};

复制代码