模型数据

通过网盘分享的文件：TilesetWithExternalResources.zip

链接: https://pan.baidu.com/s/1KoNlh4PKislFpiuY2riV_g?pwd=6666 提取码: 6666

代码如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="https://www.hl0109.cn/webapp/web-js-lib/cesium/1.117/Cesium/Widgets/widgets.css" />
    <script src="https://www.hl0109.cn/webapp/web-js-lib/cesium/1.117/Cesium/Cesium.js"></script>
    
    <link rel="stylesheet" href="https://www.hl0109.cn/webapp/web-js-lib/cesium/1.117/Cesium/Widgets/widgets.css" />
	</head>
	<body>
		<div id="app"></div>
    <script>
      (async function(){
        var viewer = new Cesium.Viewer('app',{
            geocoder:false,
            homeButton:false,
            sceneModePicker:false,
            baseLayerPicker:false,
            navigationHelpButton:false,
            animation:false,
            timeline:false,
            fullscreenButton:false,
            vrButton:false,
            shadows: true,
        });
        viewer.cesiumWidget.creditContainer.style.display ='none';//隐藏ceisum标识
        viewer.scene.globe.show = false; // 隐藏地球
        try {
          const tileset = await Cesium.Cesium3DTileset.fromUrl(
             '/webapp/web-data/cesium/TilesetWithExternalResources/tileset.json'
          );
          viewer.scene.primitives.add(tileset);
           
          // // 确定模型位置和方向
          // tileset.modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(
          //     Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883)
          // );
           
          // 监听加载错误
          tileset.tileLoad.addEventListener(function (tile) {
              if (tile.contentFailed) {
                  console.error('模型加载失败:', tile.content.url);
              }
          });
           
          // 最后，调整视角到合适的位置
          viewer.camera.viewBoundingSphere(tileset.boundingSphere, new Cesium.HeadingPitchRange(0.0, -0.5, 0.0));
          viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
          
        } catch (error) {
          console.error(`Error creating tileset: ${error}`);
        }
      })()
    </script>
	</body>
</html>