You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
146 lines
4.4 KiB
146 lines
4.4 KiB
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>华凌智慧园区</title>
|
|
<link href="layui/css/layui.css" rel="stylesheet" type="text/css" />
|
|
<link type="text/css" href="css/css.css" rel="stylesheet" />
|
|
|
|
<link rel="stylesheet" href="css/gaode.css" />
|
|
|
|
<script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script>
|
|
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=94ba2bf18907a550d2adc287ad03eb80&plugin=AMap.Driving"></script>
|
|
|
|
<script src="SuperMap_WebGL/examples/js/turf.min.js" type="text/javascript"></script>
|
|
<script src="SuperMap_WebGL/examples/js/index.js" type="text/javascript"></script>
|
|
|
|
<!--公共-->
|
|
<script src="js/jquery-2.2.1.min.js" type="text/javascript"></script>
|
|
<script src="js/jq_extend.js" type="text/javascript"></script>
|
|
<script src="js/echarts.min.js"></script>
|
|
<script src="layui/layui.js" type="text/javascript"></script>
|
|
<!--超图-->
|
|
<link href="SuperMap_WebGL/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
|
|
<script type="text/javascript" src="SuperMap_WebGL/examples/js/require.min.js"
|
|
data-main="SuperMap_WebGL/examples/js/main"></script>
|
|
<script src="SuperMap_WebGL/examples/js/config.js"></script>
|
|
<script src="SuperMap_WebGL/examples/js/Bubble.js" type="text/javascript"></script>
|
|
|
|
<script type="text/javascript" src="SuperMap_WebGL/examples/js/polygon.js"></script>
|
|
|
|
<script type="text/javascript" src="js/mapPublic/coordinateTransformation.js"></script>
|
|
|
|
<script type="text/javascript" src="js/IconConfig.js"></script>
|
|
<style>
|
|
.close {
|
|
float: right;
|
|
margin-top: -2px;
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url(img/cha.png) no-repeat;
|
|
background-size: contain;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.close:hover {
|
|
width: 25px;
|
|
height: 25px;
|
|
}
|
|
|
|
.cesium-viewer-bottom {
|
|
display: none;
|
|
}
|
|
|
|
.toggle-menu-left {
|
|
top: 70px;
|
|
left: 20px;
|
|
display: block;
|
|
position: absolute;
|
|
width: 28px;
|
|
height: 24px;
|
|
cursor: pointer;
|
|
-webkit-transition: all 0.3s ease;
|
|
-moz-transition: all 0.3s ease;
|
|
-o-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
z-index: 2;
|
|
}
|
|
|
|
#menu {
|
|
position: fixed;
|
|
display: inline;
|
|
z-index: 1;
|
|
-webkit-transition: all 0.3s ease;
|
|
-moz-transition: all 0.3s ease;
|
|
-o-transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
/* 地图样式*/
|
|
.afgz-center-map {
|
|
width: 55.5vw;
|
|
height: 85vh;
|
|
/* padding: 0 20px; */
|
|
margin-left: 17.6vw;
|
|
}
|
|
|
|
.afgz-map {
|
|
width: 100%;
|
|
height: 29.9%;
|
|
margin-top: 60vh;
|
|
}
|
|
|
|
.afgz-mapn {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
border-radius: 14px;
|
|
}
|
|
|
|
#afgz-container {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.content-map {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding-left: 90px;
|
|
padding-top: 120px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="3DMap" style="height: 100%; z-index:9;">
|
|
<!-- 地图指南 -->
|
|
<div class="dtzn" style="height: 83px;z-index: 10;">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="wrapper">
|
|
<div class="content menu-hidden-left" id="mainDiv">
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|
|
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=5350498f33d61aa4b37d258812783df3"></script>
|
|
<script src="js/index_gis.js" type="text/javascript"></script>
|
|
<!--地图通用方法-->
|
|
<script src="js/mapPublic/SceneCamera.js"></script>
|
|
<script src="js/mapPublic/entity.js"></script>
|
|
<!--<script src="js/mapPublic/MaterialProperty.js"></script>-->
|
|
|
|
<script type="text/javascript">
|
|
layui.use(['laydate', 'form', 'layer', 'upload'], function () {
|
|
form = layui.form,
|
|
layer = layui.layer, //== undefined ? layui.layer : parent.layer,
|
|
upload = layui.upload,
|
|
laydate = layui.laydate;
|
|
$('#mainDiv').load('html/yjcz.html');
|
|
$('.dtzn').load('html/tools.html');
|
|
})
|
|
</script>
|