2019-08-28 09:07:46 +08:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
|
|
|
|
|
|
|
|
<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">
|
|
|
|
|
|
<title>雷达</title>
|
2020-06-29 11:14:44 +08:00
|
|
|
|
<link href="../common/Cesium/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
|
|
|
|
|
|
<link rel="stylesheet" href="../common/plugin/jq/jquery-modal/css/jquery.my-modal.1.1.winStyle.css">
|
2019-08-28 09:07:46 +08:00
|
|
|
|
<script src="../common/plugin/jq/jquery-modal/js/jquery.my-modal.1.1.js"></script>
|
2020-06-29 11:14:44 +08:00
|
|
|
|
<script type="text/javascript" src="../common/Cesium/Build/Cesium/Cesium.js"></script>
|
2019-08-28 09:07:46 +08:00
|
|
|
|
<!--<script src="plugin/computeVertexNormals.js"></script>
|
|
|
|
|
|
<script src="plugin/CylinderGeometry.js"></script>
|
|
|
|
|
|
<script src="plugin/RadarPrimitive.js"></script>-->
|
|
|
|
|
|
|
2020-06-29 11:14:44 +08:00
|
|
|
|
<script src="../libs/sensor.js"></script>
|
2019-11-21 15:46:14 +08:00
|
|
|
|
<script src="../common/js/Cesium_init.js"></script>
|
2019-08-28 09:07:46 +08:00
|
|
|
|
<style>
|
|
|
|
|
|
html, body, #cesiumContainer {
|
|
|
|
|
|
width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
#menuHolder {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top:0px;
|
|
|
|
|
|
left: 0px;
|
|
|
|
|
|
}
|
|
|
|
|
|
#toolbar {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 20px;
|
|
|
|
|
|
right: 30px;
|
|
|
|
|
|
z-index: 999;
|
|
|
|
|
|
}
|
|
|
|
|
|
table {
|
|
|
|
|
|
color :#fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<!--
|
|
|
|
|
|
描述：cesium球
|
|
|
|
|
|
-->
|
|
|
|
|
|
<div id="cesiumContainer"></div>
|
|
|
|
|
|
<!--
|
|
|
|
|
|
描述：下面为模板
|
|
|
|
|
|
-->
|
|
|
|
|
|
<div class="m-modal">
|
|
|
|
|
|
<div class="m-modal-dialog">
|
|
|
|
|
|
<div class="m-top">
|
|
|
|
|
|
<h4 class="m-modal-title">
|
|
|
|
|
|
特征配置
|
|
|
|
|
|
</h4>
|
|
|
|
|
|
<span class="m-modal-close">×</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="content" class="m-middle">
|
|
|
|
|
|
<!--content-->
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="m-bottom">
|
|
|
|
|
|
<button class="m-btn-sure">确定</button>
|
|
|
|
|
|
<button class="m-btn-cancel">取消</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
var osm = Cesium.createOpenStreetMapImageryProvider({
|
|
|
|
|
|
url: 'https://a.tile.openstreetmap.org/'
|
|
|
|
|
|
});
|
|
|
|
|
|
var viewer = new Cesium.Viewer('cesiumContainer', {
|
|
|
|
|
|
imageryProvider: osm,
|
|
|
|
|
|
contextOptions: {
|
|
|
|
|
|
webgl: {
|
|
|
|
|
|
alpha: true
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
selectionIndicator: false,
|
|
|
|
|
|
animation: false, //是否显示动画控件
|
|
|
|
|
|
baseLayerPicker: false, //是否显示图层选择控件
|
|
|
|
|
|
geocoder: false, //是否显示地名查找控件
|
|
|
|
|
|
timeline: false, //是否显示时间线控件
|
|
|
|
|
|
sceneModePicker: false, //是否显示投影方式控件
|
|
|
|
|
|
navigationHelpButton: false, //是否显示帮助信息控件
|
|
|
|
|
|
infoBox: false, //是否显示点击要素之后显示的信息
|
|
|
|
|
|
fullscreenButton: false,
|
|
|
|
|
|
shouldAnimate: true
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
//取消双击事件
|
|
|
|
|
|
viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
|
|
|
|
|
|
//设置homebutton的位置
|
|
|
|
|
|
Cesium.Camera.DEFAULT_VIEW_RECTANGLE =
|
|
|
|
|
|
Cesium.Rectangle.fromDegrees(110.15, 34.54, 110.25, 34.56);//Rectangle(west, south, east, north)
|
|
|
|
|
|
//设置初始位置
|
|
|
|
|
|
viewer.camera.setView({
|
|
|
|
|
|
destination: Cesium.Cartesian3.fromDegrees(121.671174, 35.04887, 5000000)
|
|
|
|
|
|
});
|
|
|
|
|
|
//开启深度检测
|
|
|
|
|
|
//viewer.scene.globe.depthTestAgainstTerrain = true;
|
|
|
|
|
|
|
|
|
|
|
|
CesiumRadar2.initSelect(); //初始化查询
|
|
|
|
|
|
|
|
|
|
|
|
var m1 = new MyModal.modal(function() {
|
|
|
|
|
|
var initData = CesiumRadar2.select(viewer);
|
|
|
|
|
|
console.log(initData);
|
|
|
|
|
|
//loadingShow(); //开启load
|
|
|
|
|
|
CesiumRadar2.init(initData,true); //自动build
|
|
|
|
|
|
});
|
|
|
|
|
|
m1.show();
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
