2023-09-19 00:58:29 +08:00
|
|
|
|
<!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 -->
|
2023-09-21 22:45:42 +08:00
|
|
|
|
<script src="initApi.js"></script>
|
2023-09-19 00:58:29 +08:00
|
|
|
|
<script>
|
|
|
|
|
|
$(function () {
|
|
|
|
|
|
// 第五步:加载模型
|
|
|
|
|
|
window.initMap();
|
|
|
|
|
|
var api=window.mapApi
|
|
|
|
|
|
window.mapApi.Model.add(
|
2023-09-21 22:45:42 +08:00
|
|
|
|
//"http://szgc.jhncidg.com:808/mapmodel/tools/output/model/202308292209049711/root.glt",
|
|
|
|
|
|
//'3a0d53cd-8774-6b32-a056-d69e2e12260e',
|
|
|
|
|
|
"http://106.12.253.67:10045/Tools/output/model/202211250957169703/root.glt",
|
|
|
|
|
|
"3a07beae-5c1c-17d4-f0c2-63cf4e4416b9",
|
2023-09-19 00:58:29 +08:00
|
|
|
|
(data) => {
|
|
|
|
|
|
if (Cesium.defined(data)) {
|
|
|
|
|
|
if (Cesium.defined(data.obj) && data.obj instanceof Cesium.Cesium3DTileset) {}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
function (data) {
|
|
|
|
|
|
$("#box,#LoadingShadow").hide()
|
|
|
|
|
|
});
|
|
|
|
|
|
api.Public.Event("LEFT_CLICK", function (click) {
|
|
|
|
|
|
api.Feature.GetFeatureByEvent(click.position, function (json) {
|
|
|
|
|
|
debugger
|
|
|
|
|
|
if (json != undefined) {
|
|
|
|
|
|
featureId = json.id.replace( '3a0d53cd-8774-6b32-a056-d69e2e12260e' + '^', '');
|
|
|
|
|
|
mdldetailshow(featureId, 'type')
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function mdldetailshow(id, propertyTypeName) {
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
|
type: 'GET',
|
|
|
|
|
|
url: 'http://szgc.jhncidg.com:808/mapmodel/api/app/model/property-data-by-externalid',
|
|
|
|
|
|
headers: {
|
|
|
|
|
|
"Token": mapDefault.secretkey,
|
|
|
|
|
|
'Content-Type': 'application/octet-stream'
|
|
|
|
|
|
},
|
|
|
|
|
|
data: {
|
|
|
|
|
|
LightweightName: '202308292209049711',
|
|
|
|
|
|
ExternalId: id
|
|
|
|
|
|
},
|
|
|
|
|
|
success: function (res) {
|
|
|
|
|
|
debugger
|
|
|
|
|
|
}});
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
