Files
web/public/ceshiGis.html
2025-10-18 11:45:10 +08:00

78 lines
2.9 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>咸宁市三维底板</title>
<link rel="stylesheet" href="http://172.18.130.6:8080/webframe/lib/Cesium/Widgets/widgets.css">
<style>
*{
margin: 0;
padding: 0;
}
html, body, #cesiumContainer {
width: 100%;
height: 100%;
}
.cesium-infoBox-iframe{ height: 100px !important; }
.cesium-viewer-navigationContainer {
top: 15px;
}
</style>
</head>
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
<div id="cesiumContainer"></div>
<script type="text/javascript" src="http://172.18.130.6:8080/webframe/lib/jquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://172.18.130.6:8080/webframe/lib/Cesium/Cesium.js"></script>
<script type="text/javascript">
// 只获取了 经纬度数据,其他数据还未获取
var jd = '114.292763';
var wd = '29.859612';
var maintitle = '题名名称测试';
var dangNo = '085-ZY-2020-Y-JSt-0400';
var tdzl = '咸宁高新区二期107国道与横二路交叉口南侧';// 土地坐落位置
var syqmj = '12005.02平方米'; // 使用权面积
var DZJGH = '电子监管号4212002019B00816'; // 电子监管号
var zpgh= '咸土网挂G2019064号'; // 招拍挂号
var sceneUrl = "http://172.18.130.7:8090/iserver/services/3D-XN_sanwei_XAQ/rest/realspace"
var viewer = new Cesium.Viewer('cesiumContainer');
var widget = viewer.cesiumWidget;
var scene = viewer.scene;
//关闭cesium logo
viewer._cesiumWidget._creditContainer.style.display = 'none';
try {
//新版本cesium会自动定位且无法用参数控制所以这里不对视角做处理
var promise = scene.open(sceneUrl);
var promise2 = scene.open('http://172.18.130.7:8090/iserver/services/3D-sanwei_max/rest/realspace');
//定位
viewer.camera.flyTo({
destination: Cesium.Cartesian3.fromDegrees(parseFloat(jd),parseFloat(wd), 1500.0)
});
} catch (e) {
if (widget._showRenderLoopErrors) {
var title = '渲染时发生错误,已停止渲染。请联系管理员!';
widget.showErrorPanel(title, undefined, e);
}
}
//添加mark
viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(parseFloat(jd), parseFloat(wd), parseFloat(100)),
billboard: {
image: "./a.png",
width: 30,
height: 40,
},
name: "该档案的位置:"+wd+","+jd,
id: 1,
props: {
a: 1,
b: 1
},
description: "档号:"+dangNo+"<br>土地坐落位置:"+tdzl+"<br>使用权面积:"+syqmj+"<br>电子监管号:"+dzjgh
+"<br>招拍挂号:"+zpgh
});
</script>
</body>
</html>