1、使用ContextCapture Center 处理无人机飞的照片生成3模型
需要打开引擎
后买默认下一步就行等待生成osgb文件 ,
2、然后通过cesiumleb2 工具将osgb格式转成3Dtiles文件
3、加载生成的3Dtiles文件直接上代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<link href="../Cesium/Widgets/widgets.css" rel="stylesheet" />
<title>6-1Tileset-加载</title>
<script src="../Cesium/Cesium.js"></script>
<style>
html,
body,
#cesiumContainer {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
</style>
</head>
<body>
<div id="cesiumContainer">
<div id="creditContainer" style="display: none;"></div>
</div>
<script>
//初始化
var viewer = new Cesium.Viewer('cesiumContainer', {
imageryProvider: new Cesium.ArcGisMapServerImageryProvider({
url: 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'
}),
creditContainer: "creditContainer",
selectionIndicator: false,
animation: false,
baseLayerPicker: false,
geocoder: false,
timeline: false,
sceneModePicker: true,
navigationHelpButton: false,
infoBox: false,
fullscreenButton: true
});
//2加载模型
var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
url: 'Scene/Production_1.json'
}));
tileset.readyPromise.then(function() {
//开启影子模式
viewer.shadows = true;
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);
});
</script>
</body>
</html>
3Dtiles数据下载地址https://download.csdn.net/download/qq_34200979/14818059