77 lines
2.1 KiB
HTML
77 lines
2.1 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="zh-cn">
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>泾河路网</title>
|
|||
|
|
<!-- 第一步：先引入相关css及js文件 -->
|
|||
|
|
<link rel="stylesheet" href="/cesium/Widgets/widgets.css">
|
|||
|
|
<script src="/cesium/jquery-3.0.0.min.js"></script>
|
|||
|
|
<script src="/cesium/Cesium.js"></script>
|
|||
|
|
<script src="/cesium/BIMGISEngine.js"></script>
|
|||
|
|
<style>
|
|||
|
|
/* 第三步：容器样式，根据自身业务调整，这里只做参考 */
|
|||
|
|
html,
|
|||
|
|
body,
|
|||
|
|
#cesiumContainer {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
overflow: hidden;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<!-- 第二步：创建容器 -->
|
|||
|
|
<div id="cesiumContainer"></div>
|
|||
|
|
|
|||
|
|
<!-- 视图列表 -->
|
|||
|
|
<div class="panel">
|
|||
|
|
<div class="panel-heading">模型视图列表</div>
|
|||
|
|
<ul class="list-group layui-form">
|
|||
|
|
<input type="radio" lay-filter="view" name="view" value="house_rvt3dview4708954" title="3D视图" />
|
|||
|
|
<input type="radio" lay-filter="view" name="view" value="house_rvt" title="三维视图" checked />
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 加载logo及遮罩层 -->
|
|||
|
|
<div id="box"></div>
|
|||
|
|
<div class="loading-shadow" id="LoadingShadow">
|
|||
|
|
<div class="loading-box mobile-loading-box">
|
|||
|
|
加载中....
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 第四步: 初始化Api -->
|
|||
|
|
<script src="/cesium/initApi.js"></script>
|
|||
|
|
<script>
|
|||
|
|
$(function () {
|
|||
|
|
// 第五步:加载模型
|
|||
|
|
api.Model.add(
|
|||
|
|
"http://szgc.jhncidg.com:808/mapmodel/Tools/output/model/202308292206163239/root.glt",
|
|||
|
|
//"/cesium/output/model/202308292206163239/root.glt",
|
|||
|
|
'3a0d53cb-0258-5eb4-c66f-25f550cfbc02',
|
|||
|
|
null,
|
|||
|
|
function (data) {
|
|||
|
|
if (Cesium.defined(data)) {
|
|||
|
|
if (Cesium.defined(data.obj) && data.obj instanceof Cesium.Cesium3DTileset) {
|
|||
|
|
console.log(data);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
function (data) {
|
|||
|
|
$("#box,#LoadingShadow").hide()
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|