gdb-h5/jjyb.html

127 lines
3.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<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,maximum-scale=1.0,user-scalable=no"
/>
<title>紧急掩蔽</title>
<link rel="stylesheet" href="./css/index.css" />
<link rel="stylesheet" href="./css/swiper-3.4.2.min.css" />
<link
rel="stylesheet"
href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"
/>
<script src="./js/jquery.min.js"></script>
<script src="./js/api.js"></script>
<script src="./js/moment.js"></script>
<script src="./js/swiper-3.4.2.min.js"></script>
<script
type="text/javascript"
src="https://webapi.amap.com/maps?v=2.0&key=307b14b003f9288ba0cad406d5e1238e"
></script>
<script>
var code;
var map;
var jjybListQuery = {
current: 1,
size: 10,
};
var jjybTotal = 0;
$(function () {
let local = sessionStorage.getItem("local").split(",");
// console.log(local);
// alert(local)
map = new AMap.Map("container", {
zoom: 13,
center: [local[0], local[1]],
resizeEnable: true,
});
// alert(1)
console.log("###", map);
var marker = new AMap.Marker({
map: map,
position: [local[0], local[1]],
});
// alert(2)
markList();
// alert(3)
});
function getUrlParam(name) {
var searchParams = new URLSearchParams(window.location.search);
return searchParams.get(name);
}
function handleTabClick(el, name) {
// if (name === "qkcz") {
// if (JSON.parse(sessionStorage.getItem("info")).type === "10") {
// error();
// } else {
window.location.href = `${name}.html`;
// }
// } else {
// window.location.href = `${name}.html`;
// }
}
function hideAllTabItem() {
$(".gfxj").hide();
$(".gsgg").hide();
$(".jjyb").hide();
$(".qkcz").hide();
}
function closeDialog() {
// console.log(123);
$(".dialog").hide();
}
</script>
</head>
<body>
<div class="swiper-container">
<div class="swiper-wrapper"></div>
<div class="swiper-pagination"></div>
</div>
<script>
getBanner();
</script>
<div class="tabs">
<div class="tab" onclick="handleTabClick(this,'index')">国防宣教</div>
<div class="tab" onclick="handleTabClick(this,'gsgg')">公示公告</div>
<div class="tab active" onclick="handleTabClick(this,'jjyb')">
紧急掩蔽
</div>
<div class="tab" onclick="handleTabClick(this,'qkcz')">情况处置</div>
</div>
<div class="body">
<div class="maplayer jjyb">
<div id="container" class="map">
<div onclick="fullScreen()" class="icon_fullScreen"></div>
<div onclick="exitFullScreen()" class="icon_fullScreen_exit"></div>
</div>
<div class="current"></div>
<div class="markList"></div>
</div>
</div>
<div id="hotal">
<div class="toast_box">
<p id="toast"></p>
</div>
</div>
</body>
<script type="text/javascript">
// let local = sessionStorage.getItem("local").split(",");
// var map = new AMap.Map("container", {
// zoom: 18,
// center: [local[0], local[1]],
// resizeEnable: true,
// });
// console.log('###',map)
// var marker = new AMap.Marker({
// map: map,
// position: [local[0], local[1]],
// });
</script>
</html>