81 lines
1.6 KiB
HTML
81 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>警情模拟示例</title>
|
|
<link href="Build/Cesium/Widgets/widgets.css" rel="stylesheet">
|
|
<link href="utils.css" rel="stylesheet">
|
|
<link href="examples/css/pretty.css" rel="stylesheet">
|
|
<link href="examples/js/layui-v2.5.5/css/layui.css" rel="stylesheet">
|
|
<script src="examples/js/config.js"></script>
|
|
<script src="examples/js/heatmap.min.js"></script>
|
|
<script src="examples/js/dat.gui.min.js"></script>
|
|
<script src="examples/js/layui-v2.5.5/layui.all.js"></script>
|
|
<script src="examples/js/jquery.min.js"></script>
|
|
<script src="Build/Cesium/Cesium.js"></script>
|
|
<script src="log.js"></script>
|
|
<style>
|
|
body {
|
|
height: 100%;
|
|
width: 100%;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
background: #000;
|
|
}
|
|
|
|
.dg.main.a {
|
|
position: absolute;
|
|
left: 2px;
|
|
}
|
|
|
|
.layui-layer {
|
|
background-color: #222c;
|
|
box-shadow: inset 0 0 15px 4px #00bcd4;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="cesiumContainer"></div>
|
|
<div class="heatmap" style="overflow: hidden; width: 840px;height: 400px;">
|
|
<div class="heatmap-canvas" width="50%" height="25%">
|
|
</div>
|
|
</div>
|
|
<script src="city2.js"></script>
|
|
<style>
|
|
#navi {
|
|
width:200px !important;
|
|
position: absolute;
|
|
left: 30%;
|
|
top: 3px;
|
|
}
|
|
#navi2 {
|
|
width:200px !important;
|
|
position: absolute;
|
|
left: 45%;
|
|
top: 3px;
|
|
|
|
}
|
|
#navi3 {
|
|
width:200px !important;
|
|
position: absolute;
|
|
left: 60%;
|
|
top: 3px;
|
|
}
|
|
#navi3:hover{
|
|
color: white;
|
|
}
|
|
.close-button{
|
|
display: none;
|
|
}
|
|
.dg li.title{
|
|
min-height: 30px;
|
|
color: #00bcd4;
|
|
box-shadow:inset 1px 1px 6px 3px;
|
|
}
|
|
</style>
|
|
</body>
|
|
|
|
</html> |