KN_CAMP_SOFTWARE_TEST/Code/智慧营区/DOCManageAPP（阿克苏）/3DVisualization/subitem/yjcz.html

<style>
	#xfzybubble {
		width: 400px;
		height: 50px;
		display: none;
		position: absolute;
		pointer-events: none;
	}

	#popups {
		display: inline-block;
		font-size: 18px;
		background-color: rgba(24, 151, 235, 0.5);
		margin-left: 100px;
		padding: 10px;
	}

	/* 消防栓弹框 */
	.xfzyBubbleItem {
		width: 450px;
		/* height: 346px; */
		padding: 30px 24px;
		font-size: 18px;
		color: #ddf2ff;
		background: url(yjczImg/tk1.png) no-repeat;
		line-height: 24px;
		background-size: 100% 100%;
	}

	.xfzyBubbleItem span {
		color: #479eff;
	}

	.xfzyBubbleItem-spjk {
		width: 360px !important;
		/* height: 346px; */

	}

	.input-sty {
		background-color: #a4ccf302;
		color: #ffffff;
		border: 1px solid #FFFFFF;
		border-radius: 10px;
		margin-left: 20px;
		;
		font-size: 16px;
		padding: 5px;
	}

	.xfzyBubbleItem .text {
		color: azure !important;
		word-wrap: break-word;
	}

	.right-yjczImg,
	.right-yjczImg-wxy {
		width: 35%;
		float: right;
		vertical-align: middle;
		height: 85%;
	}

	.right-vedio {
		/* width: 35%; */
		/* float: right; */
		vertical-align: middle;
		height: 85%;
	}

	.right-vedio {
		margin-top: 10px;
	}

	.right-yjczImg yjczImg {
		width: 100%;
		height: 210px;
	}

	.right-yjczImg-wxy yjczImg {
		width: 100%;
		height: 170px;
	}

	.dvc-info-spjk {
		width: 94% !important;
		margin-left: 10px;
		height: 85%;
	}

	.dvc-info {
		margin-left: 10px;
		width: 60%;
		float: left;
		height: 85%;
	}

	.anable-i {
		color: rgb(43, 255, 0) !important;
	}

	.anable-x {
		color: rgb(255, 17, 0) !important;
	}

	.close-div {
		float: right;
		width: 30px;
		height: 30px;
	}


	.dev-alam {
		float: left;
		display: block;
		width: 240px;
		margin-top: 22px;
		margin-left: 50px;

	}

	.see-range {
		width: 200px;
		margin-top: 22px;
		float: left;
		margin-left: 10px;
	}

	.close-zj,
	.close-ll {
		cursor: pointer;
		float: left;
		width: 10px;
	}

	.close-dd {
		cursor: pointer;
	}

	.layui-slider {
		height: 4px;
		background: #e2e2e2;
		border-radius: 3px;
		position: relative;
		cursor: pointer;
		width: 300px;
	}

	.tit-c {
		float: left;
		width: 90%;
		height: 50px;
		line-height: 50px;
		font-size: 20px;
		color: #00f6ff;
	}

	#slideTest2 {
		position: absolute;
		bottom: 156px;
		left: 680px;
		display: none;

	}

	.layui-slider {
		width: 145px;
	}

	#slideZbzy {
		position: absolute;
		bottom: 156px;
		left: 840px;
		display: none;
	}

	input {
		z-index: 999;
	}

	.floors-container {
		overflow: hidden;
		background: #fff;
	}

	.floor-select-container ol {
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		top: 0;
		-webkit-transition: top 120ms ease-in-out;
		transition: top 120ms ease-in-out;
	}

	.floor-select-container button {
		border: 0;
		cursor: pointer;
		outline: 0;
		padding: 0;
		margin: 0;
	}

	.btn-select-floor.selected {
		background: #3385ff;
		color: #fff;
	}

	.floor-select-container {
		position: absolute;
		z-index: 20;
		width: 26px;
		right: -30px;
		bottom: 56px;
		box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
		font-size: 0;
		-webkit-transition: right 200ms ease-in-out;
		transition: right 200ms ease-in-out;
	}

	.btn-select-floor {
		width: 26px;
		height: 26px;
		color: #333;
		font-size: 12px;
		text-align: center;
		background: #fff;
	}

	/* 报警特效 */
	.fire-tip {
		text-align: center;
		width: 100%;
		font-size: 44px;
		color: #ff0000;
		text-shadow: 0 0 1px #ffffff;
	}

	.fire-address {
		text-align: center;
		width: 100%;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.8);
		margin-top: 44px;
	}

	.fire-handle {
		display: block;
		text-align: center;
		background: #00BFF0;
		color: #ffffff;
		border-radius: 20px;
		font-size: 14px;
		width: 80px;
		height: 40px;
		line-height: 40px;
		margin: 24px auto;
		text-decoration: none
	}

	.fire-handle:hover {
		background: #06a2ca;
	}

	.container {
		position: relative;
		left: 50%;
		top: 50px;
		margin-left: 30vw;
		width: 100%;
		height: 320px;
		display: none;
	}

	.container canvas {
		display: block;
		position: absolute;
		left: 0;
		top: -9px;
	}

	/* 保持大小不变的小圆圈  */

	.dot {
		position: absolute;
		width: 96px;
		height: 96px;
		left: 210px;
		top: 210px;
		background: url(yjczImg/01.gif) no-repeat;
		background-size: 100%;
		z-index: 200;
	}

	/* 产生动画（向外扩散变大）的圆圈  */

	.pulse,
	.pulse-big {
		position: absolute;
		width: 520px;
		height: 520px;
		border: 2px solid #EF2D02;
		background: rgba(239, 45, 2, 0.8);
		border-radius: 50%;
		z-index: 100;
		opacity: 0;
	}

	.pulse {
		background: rgba(239, 45, 2, 0.7) !important;
		-webkit-animation: warn 0.9s ease-out;
		-moz-animation: warn 0.9s ease-out;
		animation: warn 0.9s ease-out;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		box-shadow: 1px 1px 30px #EF2D02;
	}

	.pulse-big {
		background: rgba(238, 45, 2, 0.8) !important;
		-webkit-animation: warn1 0.9s ease-out;
		-moz-animation: warn1 0.9s ease-out;
		animation: warn1 0.9s ease-out;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		box-shadow: 1px 1px 30px #cf1f00;
	}

	@keyframes warn {
		0% {
			-moz-transform: scale(0);
			transform: scale(0);
			opacity: 1;
		}

		100% {
			-moz-transform: scale(1);
			transform: scale(1);
			opacity: 0;
		}
	}

	@keyframes warn1 {
		0% {
			-o-transform: scale(0);
			transform: scale(0);
			opacity: 1;
		}

		100% {
			-o-transform: scale(0.6);
			transform: scale(0.6);
			opacity: 0;
		}
	}


	/*  */
	.con-out {
		width: 500px;
		height: 480px;
		position: fixed;
		top: 132px;
		right: 300px;
		display: none;
	}

	#container {
		width: 100%;
		height: 100%;
	}

	.pan-out {
		position: fixed;
		max-height: 90%;
		overflow-y: auto;
		top: 132px;
		right: 10px;
		width: 280px;
		display: none;
	}

	#panel {
		background-color: white;
		max-height: 90%;
		overflow-y: auto;
		width: 280px;
	}

	#panel .amap-call {
		background-color: #009cf9;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}

	#panel .amap-lib-driving {
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		overflow: hidden;
	}

	.bubbleExhibitionClose {
		float: right;
		width: 20px;
		height: 20px;
		background: url(yjczImg/cha.png) no-repeat;
		background-size: contain;
		cursor: pointer;
		border: 3px solid #026650;
		border-radius: 25px;
		background-color: cadetblue;
	}




/* 应急处置 */

/* 时间轴 */

.yjcz-sjz {
	position: absolute;
	top: 120px;
	left: 60px;
	width: 382px;
	height: auto;
}

.yjcz-sjz li {
	width: 100%;
	height: 50px;
	background: url(yjczImg/yjcz-sjz1.png) no-repeat;
	line-height: 50px;
	font-size: 16px;
	color: #d5f1ff;
	padding-left: 48px;
}

.yjcz-sjz li span {
	color: #00a3ff;
	margin-right: 14px;
}

	
/* 工具栏 */

.yjcz-gjl {
    width: calc(100% - 190px);
    height: 100px;
    position: absolute;
    margin-left: 190px;
    bottom: 26px;
}

.yjcz-gjl li {
	width: 104px;
	height: 100px;
	margin-right: 36px;
	float: left;
	text-align: center;
}

.yjcz-gjl li a {
	display: block;
	color: #cbebff;
}

.yjcz-gjl li .yjcz-gjl-icon {
	width: 104px;
	height: 76px;
}

.yjcz-gjl li h4 {
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	font-weight: normal;
}

.yjcz-gjl li .yjcz-gjl-icon1 {
	background: url(yjczImg/yjcz-gjl-icon1.png) bottom no-repeat;
}

.yjcz-gjl li a.current .yjcz-gjl-icon1 {
	background: url(yjczImg/yjcz-gjl-icon1h.png) bottom no-repeat;
}

.yjcz-gjl li .yjcz-gjl-icon2 {
	background: url(yjczImg/yjcz-gjl-icon2.png) bottom no-repeat;
}

.yjcz-gjl li a.current .yjcz-gjl-icon2 {
	background: url(yjczImg/yjcz-gjl-icon2h.png) bottom no-repeat;
}

.yjcz-gjl li .yjcz-gjl-icon3 {
	background: url(yjczImg/yjcz-gjl-icon3.png) bottom no-repeat;
}

.yjcz-gjl li a.current .yjcz-gjl-icon3 {
	background: url(yjczImg/yjcz-gjl-icon3h.png) bottom no-repeat;
}

.yjcz-gjl li .yjcz-gjl-icon4 {
	background: url(yjczImg/yjcz-gjl-icon4.png) bottom no-repeat;
}

.yjcz-gjl li a.current .yjcz-gjl-icon4 {
	background: url(yjczImg/yjcz-gjl-icon4h.png) bottom no-repeat;
}

.yjcz-gjl li .yjcz-gjl-icon5 {
	background: url(yjczImg/yjcz-gjl-icon5.png) bottom no-repeat;
}

.yjcz-gjl li a.current .yjcz-gjl-icon5 {
	background: url(yjczImg/yjcz-gjl-icon5h.png) bottom no-repeat;
}

.yjcz-gjl li .yjcz-gjl-icon6 {
	background: url(yjczImg/yjcz-gjl-icon6.png) bottom no-repeat;
}

.yjcz-gjl li a.current .yjcz-gjl-icon6 {
	background: url(yjczImg/yjcz-gjl-icon6h.png) bottom no-repeat;
}

.yjcz-gjl li .yjcz-gjl-icon7 {
	background: url(yjczImg/yjcz-gjl-icon7.png) bottom no-repeat;
}

.yjcz-gjl li a.current .yjcz-gjl-icon7 {
	background: url(yjczImg/yjcz-gjl-icon7h.png) bottom no-repeat;
}

.yjcz-gjl li .yjcz-gjl-icon8 {
	background: url(yjczImg/yjcz-gjl-icon8.png) bottom no-repeat;
}

.yjcz-gjl li a.current .yjcz-gjl-icon8 {
	background: url(yjczImg/yjcz-gjl-icon8h.png) bottom no-repeat;
}

.yjcz-gjl li .yjcz-gjl-icon9 {
	background: url(yjczImg/yjcz-gjl-icon9.png) bottom no-repeat;
}

.yjcz-gjl li a.current .yjcz-gjl-icon9 {
	background: url(yjczImg/yjcz-gjl-icon9h.png) bottom no-repeat;
}

.yjcz-gjl li .yjcz-gjl-icon10 {
    background: url(yjczImg/yjcz-gjl-icon9.png) bottom no-repeat;
}

.yjcz-gjl li a.current .yjcz-gjl-icon10 {
    background: url(yjczImg/yjcz-gjl-icon9h.png) bottom no-repeat;
}

/* 设置事故点 */

.yjcz-szsgd {
	width: 110px;
	height: 92px;
	position: absolute;
	left: 330px;
	bottom: 130px;
	display: none;
}

.yjcz-szsgd li {
	width: 110px;
	height: 40px;
	background: url(yjczImg/yjcz-szsgdli.png) no-repeat;
	margin-bottom: 6px;
	text-align: center;
}

.yjcz-szsgd li a {
	display: block;
	line-height: 40px;
	font-size: 18px;
	color: #00fcff;
}

.yjcz-szsgd li a:hover, .yjcz-szsgd li a.szsgdcur {
	color: #FFFFFF;
	background: url(yjczImg/yjcz-szsgdlih.png) no-repeat;
}

/* 人员调度 */

.yjcz-right {
	width: 380px;
	height: auto;
	display: none;
	/*height: calc(100vh - 120px);*/
	position: absolute;
	top: 120px;
	left: calc(100vw - 400px);
}

.yjcz-rydd1 {
	width: 100%;
}

.rydd-con {
	background: url(yjczImg/yjcz-rydd1.png) left 6px no-repeat;
	line-height: 36px;
	color: #d0edff;
	padding-left: 32px;
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 0;
}

.rydd-con span {
	color: #28c1ea;
}

.rydd-con yjczImg {
	margin-right: 10px;
	float: left;
}

/* 周边视频 */

.yjcz-zbsp1 {
	width: 100%;
	overflow: hidden;
}

.yjcz-zbsp1 ul {
	margin-right: -10px;
}

.yjcz-zbsp1 li {
	width: calc(50% - 10px);
	height: 130px;
	border-radius: 10px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.yjcz-zbsp1 li yjczImg {
	width: 100%;
	height: 100%;
}

.layui-form-select .layui-input {
    color: #fff
}
.layui-layer {
    background: #0d1535;
}


.tool-model-select {
    position: absolute;
    border: 1px solid #4190b6;
    border-radius: 4px;
    width: 230px;
    left: 10px;
    margin-top: 22px;
    z-index: 99;
}

.tool-model-select span {
    float: left;
    width: 20px;
    height: 38px;
    line-height: 34px;
}

.tool-model-select span img {
    display: inline-block;
    vertical-align: middle;
}

.tool-model-select select {
    float: right;
    width: 175px;
    height: 38px;
    border: 0;
    line-height: 38px;
    color: #00aeff;
    font-size: 16px;
    background: none;
    outline: none;
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("../img/tool-model-select-sanjiao.png") no-repeat scroll right center transparent;
    padding-right: 14px;
}

.tool-model-select select option {
    background: rgba(20, 47, 91, 0.8);
    border: 1px solid #4190b6;
}

.layui-form-select .layui-input {
    background: #2e415f;
    border: 0;
}

.layui-form-selected dl {
    background: rgb(46, 65, 95);
}

.layui-form-select dl dd:hover {
    background-color: #5FB878;
}

</style>
<!-- <script type="text/javascript" src="js/ezuikit.js"></script> -->
<!-- <script type="text/javascript" src="js/jquery.easyui.min.js"></script> -->
<!-- <script type="text/javascript" src="js/mapPublic/floor.js"></script> -->
<!-- <script type="text/javascript" src="js/mapPublic/MaterialProperty.js"></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 type="text/javascript" src="SuperMap_WebGL/examples/js/polygon.js"></script>
<script type="text/javascript" src="subitem/js/yjcz.js"></script>
<script type="text/javascript">
	var url = _interfaceDocUrl + "/ashx/GisBaseHandler.ashx";
	var trailList = [], trailListE = [];
	//setFloor("4");

	var mp3A = '';
	var mp3 = "yjczImg/baojing.mp3";
	mp3A = new Audio(mp3);
	function stopMp3() {
		mp3A.pause();
		mp3A.load();
	}
	stopMp3();

	$(".btn-select-floor").click(function () {
		$(".btn-select-floor").removeClass("selected");
		$(this).addClass("selected");
		addEntity_removeList(trailList);
		setFloor($(this).data("floor"));

		// addEntity_removeList(trailListE);

		// trailList = [87.59709283524086,43.81409193270022,5.168099786658459,
		// 87.59706846926713,43.81431070315322,5.245891429450311,
		// 87.59719774543831,43.81431175028243,7.680503389727953
		// ];
	});

	$(".map-close").click(function () {
		$(".con-out").hide();
	});

	$(".list-close").click(function () {
		$(".pan-out").hide();
		$("#panel").empty();
	});
	
	$(".gjl-icon1").click(function (e) {
		$(".gjl-icon1").toggleClass("current");
		$(".yjcz-szsgd").toggle();
		$(".shigu-after").toggle();

		if ($('.shigu-after').is(':hidden')) {
			//应急广播
            $(".gjl-icon2").removeClass("current");
            yjczsjzhide();
            $(".container").hide();
            $(".gjl-icon2").attr("data-value", "0");
            //暂停
            mp3A.pause();
            mp3A.load();


			//人员调度
			$(".gjl-icon3").removeClass("current");
            $(".yjcz-rydd").hide();
			$(".gjl-icon3").attr("data-value", "0");


			//扩散分析
            $(".gjl-icon4").removeClass("current");
			yjczksfxhide();
			$(".gjl-icon4").attr("data-value", "0");


			//专家
			$(".gjl-icon5").removeClass("current");
            $(".yjcz-zj").hide();


			//周边资源
			$(".gjl-icon6").removeClass("current");
			yjczzbzyhide();
			$("#slideZbzy").hide();
			$(".gjl-icon6").attr("data-value", "0");


			//周边视频
            $(".gjl-icon7").removeClass("current");
            closeZbsp();
            $("#slideTest2").hide();
			$(".gjl-icon7").attr("data-value", "0");


			//安全区域
            $(".gjl-icon8").removeClass("current");
			yjczaqqyhide();
			$(".gjl-icon8").attr("data-value", "0");


			//社会联动
			$(".gjl-icon9").removeClass("current");
            $(".yjcz-shld").hide();


			//添加标注
            $(".gjl-icon10").removeClass("current");
            delPointIcon();
            $(".gjl-icon10").attr("data-value", "0");

			//设置事故点
			hmhide();
			$(".con-out").hide();
			$(".pan-out").hide();
			$("#panel").empty();
		} else {
			setPoint();
			pos1, pointCenter = [];
			longitude = '';
			latitude = '';
		}
	});
	$(".gjl-icon2").click(function (e) {
		if (pointCenter == null || pointCenter.length == 0) {
			layer.msg("请先设置事故点");
			return;
		}
		$(".gjl-icon2").toggleClass("current");
		var dataValue = $(".gjl-icon2").attr("data-value");
		if (dataValue == "0") {
			yjczsjzshow();
			$(".container").show();
			$(".gjl-icon2").attr("data-value", "1");


			mp3A.play(); //播放 mp3这个音频对象
			//监听循环播放
			$(mp3A).bind("ended", function () {
				mp3A.play();
			});
			mp3A.play();

		} else {
			yjczsjzhide();
			$(".container").hide();
			$(".gjl-icon2").attr("data-value", "0");
			//暂停
			mp3A.pause();
			mp3A.load();
		}
	});
	$(".gjl-icon3").click(function (e) {
		if (pointCenter == null || pointCenter.length == 0) {
			layer.msg("请先设置事故点");
			return;
		}
		$(".gjl-icon3").toggleClass("current");
		$(".yjcz-rydd").toggle();
		var dataValue = $(".gjl-icon3").attr("data-value");
		if (dataValue == "0") {
			getEmpList();
			$(".gjl-icon3").attr("data-value", "1");
		} else {
			$(".gjl-icon3").attr("data-value", "0");
		}

	});
	$(".gjl-icon4").click(function (e) {
		if (pointCenter == null || pointCenter.length == 0) {
			layer.msg("请先设置事故点");
			return;
		}

		$(".gjl-icon4").toggleClass("current");
		var dataValue = $(".gjl-icon4").attr("data-value");
		if (dataValue == "0") {
			openKSFX();
			$(".gjl-icon4").attr("data-value", "1");
		} else {
			yjczksfxhide();
			$(".gjl-icon4").attr("data-value", "0");
		}
	});
	$(".gjl-icon5").click(function (e) {
		if (longitude != null && latitude != null && longitude != "" && latitude != "") {
			//获取专家列表
			zhuanjiaList("");
			$(".gjl-icon5").toggleClass("current");
			$(".yjcz-zj").toggle();
		} else {
			layer.msg("请先设置事故点");
		}
	});
	$(".gjl-icon6").click(function (e) {

		if (longitude != null && latitude != null && longitude != "" && latitude != "") {
			$("#slideZbzy").show();
			$(".gjl-icon6").toggleClass("current");
			var dataValue = $(".gjl-icon6").attr("data-value");
			if (dataValue == "0") {
				$("#slideZbzy").show();
				yjczzbzyshow(0.004);
				tongdao();
				$(".gjl-icon6").attr("data-value", "1");
			} else {
				$("#slideZbzy").hide();
				yjczzbzyhide();
				$(".gjl-icon6").attr("data-value", "0");
			}
		} else {
			layer.msg("请先设置事故点");
		}
	});
	$(".gjl-icon7").click(function (e) {
		if (longitude != null && latitude != null && longitude != "" && latitude != "") {
			$("#slideTest2").show();
			$(".gjl-icon7").toggleClass("current");
			var dataValue = $(".gjl-icon7").attr("data-value");
			if (dataValue == "0") {
				$("#slideTest2").show();
				changeShape(0.004);
				$(".gjl-icon7").attr("data-value", "1");
			} else {
				closeZbsp();
				$("#slideTest2").hide();
				$(".gjl-icon7").attr("data-value", "0");
			}
		} else {
			layer.msg("请先设置事故点");
		}
	});
	$(".gjl-icon8").click(function (e) {
		if (longitude != null && latitude != null && longitude != "" && latitude != "") {
			$(".gjl-icon8").toggleClass("current");
			var dataValue = $(".gjl-icon8").attr("data-value");
			if (dataValue == "0") {
				yjczaqqyshow();
				$(".gjl-icon8").attr("data-value", "1");
			} else {
				yjczaqqyhide();
				$(".gjl-icon8").attr("data-value", "0");
			}
		} else {
			layer.msg("请先设置事故点");
		}
	});
	$(".gjl-icon9").click(function (e) {
		if (pointCenter == null || pointCenter.length == 0) {
			layer.msg("请先设置事故点");
			return;
		}
		liliangList("");
		$(".gjl-icon9").toggleClass("current");
		$(".yjcz-shld").toggle();
	});
    $(".gjl-icon10").click(function (e) {
        if (pointCenter == null || pointCenter.length == 0) {
            layer.msg("请先设置事故点");
            return;
		}
		$(".gjl-icon10").toggleClass("current");

        var dataValue = $(".gjl-icon10").attr("data-value");
        if (dataValue == "0") {
            setPointIcon();
            $(".gjl-icon10").attr("data-value", "1");
        } else {
            delPointIcon();
            $(".gjl-icon10").attr("data-value", "0");
        }
    });

	$("#keywords-1").keydown(function () {
		if (event.keyCode == "13") {
			var key = $("#keywords-1").val();
			//获取专家列表
			zhuanjiaList(key);
		}
	});

	$("#keywords-2").keydown(function () {
		if (event.keyCode == "13") {
			var key = $("#keywords-2").val();
			liliangList(key);
		}
	});

	$(".close-zj").click(function () {
		$(".gjl-icon5").toggleClass("current");
		$(".yjcz-zj").toggle();
	});

	$(".close-ll").click(function () {
		$(".gjl-icon9").toggleClass("current");
		$(".yjcz-shld").toggle();
	});

	$(".close-dd").click(function () {
		$(".gjl-icon3").toggleClass("current");
		$(".yjcz-rydd").toggle();
	});

	// $(".yjcz-right").draggable();

	// $("input").focus();
	var zhuanjiaList = function (key) {
		$.ajax({
			type: "get",
			url: _interfaceDocUrl + "?Action=getExpertList&keywords=" + key,
			dataType: "json",
			success: function (result) {
				result = result.data;
				var htmlapp = '';
				for (var i in result) {
					var html = '<tr>' +
						'<td style="width: 20%;">' + result[i].NAME + '</td>' +
						'<td style="width: 25%;">' + result[i].FIELD_NAME + '</td>' +
						'<td style="width: 25%;">' + result[i].UNIT_NAME + '</td>' +
						'<td style="width: 30%;">' + result[i].M_PHONE + '</td>' +
						'</tr>';
					htmlapp += html;
				}
				$("#zhuanjia-tb").html(htmlapp);
			},
			error: function (textStatus) {//请求失败后调用的函数
				console.log("json格式错误请检查文件格式是否正确");
			}
		});
	}

	var liliangList = function (key) {
		$.ajax({
			type: "get",
			url: _interfaceDocUrl + "?Action=getUnitList&keywords=" + key,
			dataType: "json",
			success: function (result) {
				result = result.data;
				var htmlapp = '';
				for (var i in result) {
					var html = '<tr>' +
						'<td style="width:34%">' + result[i].NAME + '</td>' +
						'<td style="width:33%">' + result[i].PHONE + '</td>' +
						'<td style="width:33%">' + result[i].L_TYPE_NAME + '</td>' +
						'</tr>';
					htmlapp += html;
				}
				$("#liliang-tb").html(htmlapp);
			},
			error: function (textStatus) {//请求失败后调用的函数
				console.log("json格式错误请检查文件格式是否正确");
			}

		});
	}
</script>
<!-- 时间轴 -->
<div class="yjcz-sjz fl" style="display: none">
	<ul id="yjcz-sjz-ul">
		<!--<li><span>15:33:19</span>接收火情报警</li>-->
		<!--<li><span>15:34:05</span>确认火情位置</li>-->
		<!--<li><span>15:34:53</span>上推致消防支队</li>-->
		<!--<li><span>15:34:58</span>呼叫园区消防负责人</li>-->
		<!--<li><span>15:35:20</span>启动消防预案</li>-->
		<!--<li><span>15:35:48</span>通知消控室进行消防广播</li>-->
		<!--<li><span>15:36:11</span>通知相关人员断电、断气</li>-->
		<!--<li><span>15:36:57</span>通知疏散引导组人员疏散</li>-->
		<!--<li><span>15:37:04</span>通知消防队出动</li>-->
		<!--<li><span>15:37:19</span>通知安全防护救援组消防通道保障</li>-->
		<!--<li><span>15:37:50</span>通知消防车辆到位</li>-->
		<!--<li><span>15:44:39</span>开始灭火</li>-->
	</ul>
</div>
<!-- 工具栏 -->
<div class="yjcz-gjl" style="text-align: center;">
	<ul>
		<li>
			<a href="javascript:void(0)" class="gjl-icon1">
				<div class="yjcz-gjl-icon yjcz-gjl-icon1"></div>
				<h4>设置事故点</h4>
			</a>
		</li>
		<div class="shigu-after" style="display: none;"></div>
		<li>
			<a href="javascript:void(0)" class="gjl-icon2" data-value="0">
				<div class="yjcz-gjl-icon yjcz-gjl-icon2"></div>
				<h4>应急广播</h4>
			</a>
		</li>
		<li>
			<a href="javascript:void(0)" class="gjl-icon4" data-value="0">
				<div class="yjcz-gjl-icon yjcz-gjl-icon4"></div>
				<h4>扩散分析</h4>
			</a>
		</li>
		<li>
			<a href="javascript:void(0)" class="gjl-icon7" data-value="0">
				<div class="yjcz-gjl-icon yjcz-gjl-icon7"></div>
				<h4>周边视频</h4>
			</a>
		</li>
		<li>
			<a href="javascript:void(0)" class="gjl-icon6" data-value="0">
				<div class="yjcz-gjl-icon yjcz-gjl-icon6"></div>
				<h4>周边资源</h4>
			</a>
		</li>
		<li>
			<a href="javascript:void(0)" class="gjl-icon8" data-value="0">
				<div class="yjcz-gjl-icon yjcz-gjl-icon8"></div>
				<h4>安全区域</h4>
			</a>
		</li>
		<li>
			<a href="javascript:void(0)" class="gjl-icon3" data-value="0">
				<div class="yjcz-gjl-icon yjcz-gjl-icon3"></div>
				<h4>人员调度</h4>
			</a>
		</li>
		<li>
			<a href="javascript:void(0)" class="gjl-icon5">
				<div class="yjcz-gjl-icon yjcz-gjl-icon5"></div>
				<h4>专家</h4>
			</a>
		</li>
		<li>
			<a href="javascript:void(0)" class="gjl-icon9">
				<div class="yjcz-gjl-icon yjcz-gjl-icon9"></div>
				<h4>社会联动</h4>
			</a>
		</li>
		<li>
			<a href="javascript:void(0)" class="gjl-icon10" data-value="0">
				<div class="yjcz-gjl-icon yjcz-gjl-icon8"></div>
				<h4>添加标注</h4>
			</a>
		</li>
	</ul>
</div>
<!-- 点击设置事故点 -->
<!-- <div class="yjcz-szsgd">
	<ul>
		<li><a href="#" class="szsgdcur" data-value="0" onclick="yjczstart()">火情</a></li>
		<li><a href="#">地震</a></li>
	</ul>
</div> -->
<!-- 人员调度 -->
<div class="yjcz-right yjcz-rydd fr" style="width: 440px;left: calc(60vw - 450px);height: 200px;">
	<div class="sy-con" style="height:100%; background: rgba(1, 43, 81, 0.7);">
		<div class="sy-tit-yjcz close-dd"></div>
		<div class="tit-c">人员调度</div>
		<div class="sy-con1" style=" padding: 10px; padding-top: 0;">
			<div class="yjcz-rydd1">
				<div class="rydd-con clearfix">

				</div>

			</div>
		</div>
	</div>
</div>
<!-- 专家 -->
<div class="yjcz-right yjcz-zj fr" style="width: 440px;left: calc(60vw - 450px);height: 200px;margin-top: 210px;">
	<div class="sy-con" style="height:100%; background: rgba(1, 43, 81, 0.7);">
		<div class="sy-tit-yjcz close-zj"></div>
		<div class="tit-c">专家 <input draggable="false" type="text" class="input-sty" value="" id="keywords-1"
				placeholder="输入关键字回车检索">
		</div>

		<div class="sy-con1" style=" padding: 10px; padding-top: 0;">
			<div class="tlist" style="height: 33%; margin-top: 0;">
				<table border="0" cellspacing="0" cellpadding="0">
					<colgroup>
						<col width="20">
						<col width="25">
						<col width="25">
						<col width="30">
					</colgroup>
					<tr class="thead">
						<th style="width: 20%;">专家名称</th>
						<th style="width: 25%;">领域</th>
						<th style="width: 25%;">单位名称</th>
						<th style="width: 30%;">联系电话</th>
					</tr>
				</table>
			</div>
			<div class="tlist" style="height: 65%; margin-top: 0;">
				<table border="0" cellspacing="0" cellpadding="0">
					<colgroup>
						<col width="20">
						<col width="25">
						<col width="25">
						<col width="30">
					</colgroup>
					<tbody id="zhuanjia-tb">

					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
<!-- 周边视频 -->
<!-- <div class="yjcz-right yjcz-zbsp fr" style="width: 440px;left: calc(100vw - 1300px);">
	<div class="sy-con" style="height:auto; background: rgba(1, 43, 81, 0.7);">
		<div class="sy-tit">周边视频</div>
		<div class="sy-con1" style=" padding: 10px; padding-top: 0;">
			<div class="yjcz-zbsp1">
				<video id="afgzvideoplaydiv" style="width: 420px;height: 270px" controls playsInline webkit-playsinline
					autoplay>
					<source src="rtmp://rtmp01open.ys7.com/openlive/659d787d44864b259780431ce15b61a9" type="rtmp/flv" />
				</video>
			</div>
		</div>
	</div>
</div> -->
<!-- 社会联动力量 -->
<div class="yjcz-right yjcz-shld fr" style="width: 440px;left: calc(60vw - 450px);height: 200px;margin-top: 420px;">
	<div class="sy-con" style="height:100%; background: rgba(1, 43, 81, 0.7);">
		<div class="sy-tit-yjcz close-ll"></div>
		<div class="tit-c">社会联动力量<input type="text" class="input-sty" value="" id="keywords-2" placeholder="输入关键字回车检索">
		</div>
		<div class="sy-con1" style=" padding: 10px; padding-top: 0;">
			<div class="tlist" style="height: 33%; margin-top: 0;">
				<table border="0" cellspacing="0" cellpadding="0">
					<colgroup>
						<col width="34">
						<col width="33">
						<col width="33">
					</colgroup>
					<tr class="thead">
						<th style="width:34%">单位</th>
						<th style="width:33%">联系电话</th>
						<th style="width:33%">保障类型</th>
					</tr>
				</table>
			</div>
			<div class="tlist" style="height: 65%; margin-top: 0;">
				<table border="0" cellspacing="0" cellpadding="0">
					<colgroup>
						<col width="34">
						<col width="33">
						<col width="33">
					</colgroup>
					<tbody id="liliang-tb">

					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>

<!-- 弹窗 -->
<div id="xfzybubble">
	<div id="popups">

	</div>
</div>
<div class="xfzyBubbleItem popupslist" id="xfzyBubbleItem" style=" position: absolute;display: none;">
	<div class="close-div">
		<a class="close"></a>

	</div>
	<!-- 消防shaun -->
	<div id="dvcdiv" class="dvc-info" style="display: none;">
		<p style="margin-top: 15px"><span>消火栓名称：</span><span class="text" id="xfs-name"></span></p>
		<P><span>消火栓编码：</span><span class="text" id="xfs-no"></span></P>
		<p><span>记录状态：</span><span id="xfs-A_STATE" class="anable-x"></span></p>
		<P><span>有无冻损：</span><span class="text" id="xfs-IS_DAM"></span></p>
		<P><span>锈死漏水：</span><span class="text" id="xfs-loushui"></span></p>
		<P><span>标识情况：</span><span class="text" id="xfs-IS_ID"></span></p>
		<P><span>井盖刷漆：</span><span class="text" id="xfs-IS_PAINT"></span></p>
		<p><span>部件完整情况：</span><span class="text" id="xfs-IS_COM"></span></p>
		<P><span>井内污水、杂物：</span><span class="text" id="xfs-IS_IMP"></span></p>
		<P><span>防锈漆(栓体)：</span><span class="text" id="xfs-IS_ANT"></span></p>
		<p><span>地址：</span><span class="text" id="xfs-ADDR"></span></p>
	</div>

	<!-- 消防水鹤 -->
	<div class="xfsh-info dvc-info" style="display: none">
		<p style="margin-top: 15px"><span>消火水鹤名称：</span><span class="text" id="xfsh-name"></span></span></p>
		<p><span>消火水鹤编号：</span><span class="text" id="xfsh-no"></span></p>
		<p><span>记录状态：</span><span id="xfsh-A_STATE" class="anable-x"></p>
		<p><span>有无冻损：</span> <span class="text" id="xfsh-IS_DAM"></span></p>
		<p><span>锈死漏水：</span> <span class="text" id="xfsh-loushui"></span></p>
		<p> <span>标识情况：</span><span class="text" id="xfsh-IS_ID"></span></p>
		<p> <span>井盖刷漆：</span><span class="text" id="xfsh-IS_PAINT"></span></p>
		<p><span>部件完整情况：</span><span class="text" id="xfsh-IS_COM"></span></p>
		<p><span>井内污水、杂物：</span><span class="text" id="xfsh-IS_IMP"></p>
		<p> <span>防锈漆(栓体)：</span><span class="text" id="xfsh-IS_ANT"></span></p>
		<p><span>地址：</span><span class="text" id="xfsh-ADDR"></span></p>
	</div>

	<!-- 消防水池 -->
	<div class="xfsc-info dvc-info" style="display: none">
		<p style="margin-top: 15px"><span>水池(箱)名称：</span><span class="text" id="xfsc-name"></span></p>
		<p><span>水池(箱)编号：</span><span class="text" id="xfsc-no"></span>
		</p>
		<p><span>记录状态：</span><span id="xfsc-A_STATE" class="anable-x"></span></p>
		<p><span>容量：</span><span class="text" id="xfsc-ALL_CAPACITY"></span><span class="text">L</span></p>
		<p><span>流量：</span><span class="text" id="xfsc-FLOW_SIZE"></span><span class="text">L</span></p>
		<p><span>储水量：</span><span class="text" id="xfsc-N_CAPACITY"></span><span class="text">L</span></p>
		<p><span>取水高度：</span><span class="text" id="xfsc-I_HEIGHT"></span><span class="text">米</span></p>
		<p><span>取水形式：</span><span class="text" id="xfsc-I_FORM"></span></p>
		<p><span>供水单位：</span><span class="text" id="xfsc-SUP_UNIT"></span></p>
		<p><span>地址：</span><span class="text" id="xfsc-ADDR"></span></p>
	</div>
	<!-- 消防站 -->
	<div class="xfz-info dvc-info" style="display: none">
		<p style="margin-top: 15px"><span>消防站名称：</span><span class="text" id="xfz-name"></span></p>
		<p><span>消防站编号：</span><span class="text" id="xfz-no"></span></p>
		<p><span>记录状态：</span><span class="text" id="xfz-A_STATE" class="anable-x"></span></p>
		<p><span>联系人：</span><span class="text" id="xfz-CONT"></span></p>
		<p><span>联系电话：</span><span class="text" id="xfz-PHONE"></span></p>
		<p><span>站队人数：</span><span class="text" id="xfz-PN"></span><span>人</span></p>
		<p><span>站队车辆数：</span><span class="text" id="xfz-CN"></span><span>辆</span></p>
		<p><span>是否编制单位：</span><span class="text" id="xfz-IS_THE"></span></p>
		<p><span>是否执勤单位：</span><span class="text" id="xfz-IS_DUTY"></span></p>
		<p><span>消防装备概述：</span><span class="text" id="xfz-EQU_DES"></span></p>
		<p><span>队站概述：</span><span class="text" id="xfz-STA_DES"></span></p>
		<p><span>地址：</span><span class="text" id="xfz-addr"></span></p>

	</div>
	<!-- 微型消防站 -->
	<div class="wxxfz-info dvc-info" style="display: none">
		<p style="margin-top: 15px"><span>消防站名称：</span><span class="text" id="wxxfz-name"></span></p>
		<p><span>消防站编号：</span><span class="text" id="wxxfz-no"></span></p>
		<p><span>记录状态：</span><span class="text" id="wxxfz-A_STATE" class="anable-x"></span></p>
		<p><span>联系人：</span><span class="text" id="wxxfz-CONT"></span></p>
		<p><span>联系电话：</span><span class="text" id="wxxfz-PHONE"></span></p>
		<p><span>站队人数：</span><span class="text" id="wxxfz-PN"></span><span>人</span></p>
		<p><span>站队车辆数：</span><span class="text" id="wxxfz-CN"></span><span>辆</span></p>
		<p><span>是否编制单位：</span><span class="text" id="wxxfz-IS_THE"></span></p>
		<p><span>是否执勤单位：</span><span class="text" id="wxxfz-IS_DUTY"></span></p>
		<p><span>消防装备概述：</span><span class="text" id="wxxfz-EQU_DES"></span></p>
		<p><span>队站概述：</span><span class="text" id="wxxfz-STA_DES"></span></p>
		<p><span>地址：</span><span class="text" id="wxxfz-addr"></span></p>
	</div>

	<!-- 视频监控 -->
	<div class="spjk-info dvc-info-spjk clear-spjk" style="display: none">
		<p style="margin-top: 15px"><span>视频监控名称：</span><span class="text" id="spjk-name"></span></p>
		<p><span>视频监控编号：</span> <span class="text" id="spjk-no"></span></p>
		<p><span>视频监控状态：</span><span id="spjk-C_STATE" class="anable-x"></span>
		</p>
		<p><span>视频监控功能：</span><span class="text" id="spjk-C_FUN"></span></p>
		<p><span>地址：</span><span class="text" id="spjk-INS_ADDR"></span></p>
	</div>

	<!-- 危险源 -->
	<div class="wxy-info dvc-info" style="display: none">
		<p style="margin-top: 15px"><span>危险源名称：</span><span class="text" id="wxy-name"></span></p>
		<p><span>危险源类型：</span><span class="text" id="wxy-TYPE"></span></p>
		<p><span>备注：</span><span class="text" id="wxy-REMARKS"></span></p>
		<p><span>地址：</span><span class="text" id="wxy-ADDR"></span></p>
	</div>

	<div class="right-yjczImg-wxy" style="display: block;">
		<yjczImg src="yjczImg/znz.png" alt="" id="R_PHOTO_wxy">
	</div>

	<div class="right-yjczImg" style="display: block;">
		<yjczImg src="yjczImg/znz.png" alt="" id="R_PHOTO">
	</div>

	<div style="display: none;" class="dev-alam"><button type="button" class="layui-btn details"
			style="float: left; background-color:#0060bf;" onclick="dvcDisplayData2('','','')">设备详情</button>
		<button type="button" class="layui-btn bjinfo" style="float: right;background-color:#0060bf;"
			onclick="dvcDisplayAlarmData2('','ff0c8855c006451d8906041cde049206')">报警信息</button>
	</div>

	<div style="display: none;" class="see-range">
		<button type="button" class="wxy-range layui-btn"
			style="float: left;background-color:#0060bf;">查看危险源波及范围</button>
		<input type="hidden" id="wxy-range-id" value="">
	</div>
	<div id="jzdiv" style="display: none;">
		<p><span>建筑名称：</span><span id="jzname"></span></p>
		<p><span>建筑类型：</span><span id="jztype"></span></p>
		<p><span>建筑地址：</span><span id="jzaddr"></span></p>
	</div>

	<div class="right-vedio" style="display: none;">
		<video id="jksp-vedio" controls playsInline webkit-playsinline autoplay
			style="width: 325px; margin-left: 7px;"></video>
	</div>
</div>
<div id="slideTest2" class="demo-slider"></div>
<div id="slideZbzy" class="demo-slider"></div>

<!-- <div class=" floor-select-container" style="height: 104px; left: 95vw;"><button
		class=" floor-switch-top top-border-radius disable" style="display: none;">
		<div class=" floor-switch-top-icon"></div>
	</button>
	<div class=" floors-container" style="height: 104px;">
		<ol style="top: 0px; width: 100%;">
			<li><button class=" btn-select-floor selected" data-floor="4">外</button></li>
			<li><button class=" btn-select-floor" data-floor="3">F3</button></li>
			<li><button class=" btn-select-floor" data-floor="2">F2</button></li>
			<li><button class=" btn-select-floor " data-floor="1">F1</button></li>
		</ol>
	</div><button class=" floor-switch-bottom bottom-border-radius disable" style="display: none;">
		<div class=" floor-switch-bottom-icon"></div>
	</button>
</div> -->

<div class="container">
	<div class="dot"></div>
	<div class="pulse"></div>
	<div class="pulse-big"></div>
</div>

<div class="con-out" id="StreetOverviewFrame" tabindex="-1">
	<a class="bubbleExhibitionClose map-close"></a>
	<div id="container">
	</div>
	<div id="tz" title="拖动调整大小" style="position: absolute; left: 1px; bottom: 1px; width: 33px; height: 33px; cursor: sw-resize;
              z-index: 200001;background-image: url('yjczImg/tuo.png');">
	</div>
</div>

<div class="pan-out">
	<a class="bubbleExhibitionClose list-close"></a>
	<div id="panel">

	</div>
</div>
<script type="text/javascript">
	// var palyerR = new EZUIKit.EZUIPlayer("afgzvideoplaydiv");
	layui.use(['laydate', 'form', 'layer', 'upload', 'slider'], function () {
		form = layui.form,
			layer = layui.layer, //== undefined ? layui.layer : parent.layer,
			upload = layui.upload,
			laydate = layui.laydate,
			slider = layui.slider;

		var tianqi = "", fengqiang = "", qiangdu = "";

		//清除三维添加
		//clearAll();
		$(document).unbind('mousemove');
		//定义初始值
		slider.render({
			elem: '#slideTest2'
			, value: 4//初始值
			, step: 1 //步长
			, min: 1 //最小值
			, max: 10 //最大值
			, theme: '#1E9FFF' //主题色
		});

		//定义初始值
		slider.render({
			elem: '#slideZbzy'
			, value: 4//初始值
			, step: 1 //步长
			, min: 1 //最小值
			, max: 10 //最大值
			, theme: '#1E9FFF' //主题色
		});

		$(".details").click(function () {

			var content = '';
			var sysid = $(this).attr("sys-id");
			var deviceId = $(this).attr("device-id");

			if (sysid == "sc") {
				content = "http://47.104.236.109:8060/XF_QY/QY_SHUI/dvcjiance_transfer.html?DVCID=" + deviceId + "&DVCTYPE=46";
			}

			if (sysid == "xfs") {
				content = "http://47.104.236.109:8060/XF_QY/QY_SHUI/dvcjiance_transfer.html?DVCID=" + deviceId + "&DVCTYPE=49";
			}
			index = layer.open({
				type: 2 //Page层类型
				, area: ['1020px', '720px']
				, title: '详情 '
				, shade: 0.4 //遮罩透明度
				, maxmin: true //允许全屏最小化
				, anim: 1 //0-6的动画形式，-1不开启
				, skin: 'blue-black'
				, content: content
			});
		});
		$(".bjinfo").click(function () {

			var content = '';
			var sysid = $(this).attr("sys-id");
			var deviceId = $(this).attr("device-id");

			if (sysid == "sc") {
				content = "http://47.104.236.109:8060/XF_QY/QY_SHUI/bjlist_transfer.html?DVCID=" + deviceId;
			}

			if (sysid == "xfs") {
				content = "http://47.104.236.109:8060/XF_QY/QY_SHUI/bjlist_transfer.html?DVCID=" + deviceId;
			}
			index = layer.open({
				type: 2 //Page层类型
				, area: ['1020px', '720px']
				, title: '报警信息'
				, shade: 0.4 //遮罩透明度
				, maxmin: true //允许全屏最小化
				, anim: 1 //0-6的动画形式，-1不开启
				, skin: 'blue-black'
				, content: "http://47.104.236.109:8060/XF_QY/QY_SHUI/bjlist_transfer.html?VCID=04D7CD5C27414949AFD661F76FA50A4A&DVCTYPE=49"
			});
		});

		//关闭弹窗
		$(".close").click(function () {
			$(".xfzyBubbleItem").css("display", "none");
			for (var i in wxyList) {
				areaHide(wxyList[i]);
			}
			for (var i in readyClose) {
				updateEntity_billboardImg(readyClose[i]);
			}
		});
		//查看危险源波及范围
		$(".wxy-range").click(function () {
			var id = $("#wxy-range-id").val();
			wxyList.push(id + "wxy");
			var points = wxyObject[id].AFFECTED_AREA;
			areaShow(id + "wxy", points, _cesium.Color.RED.withAlpha(0.4))
		});
		// $("#slideTest2 .layui-slider-tips").on('DOMNodeInserted', function () {
		// 	changeShape($("#slideTest2 .layui-slider-tips").html() / 1000);
		// });

		// $("#slideZbzy .layui-slider-tips").on('DOMNodeInserted', function () {
		// 	yjczzbzyshow($("#slideZbzy .layui-slider-tips").html() / 1000);
		// });

		openKSFX = () => {
            var index = layui.layer.open({
                title: '设置参数 ',
				type: 2,
				area: ['480px', '320px'],
				shade: 0.4, //遮罩透明度
                anim: 1,
				maxmin: true,
                content: "subitem/yjczItem.html",
				btn: ['确定', '取消'],
				success: function (layero, index) {
					var pid = $("#EMP_ID").val();
					var body = layui.layer.getChildFrame('body', index);
					body.find("#treeID").val(pid);
				},
				yes: function (index, layero) {
					var body = parent.layer.getChildFrame('body', index);
					var tianqi = body.find("#tianqi").val();
					var fengxiang = body.find("#fengxiang").val();
					var qiangdu = body.find("#qiangdu").val();
					wind(fengxiang, qiangdu);
					layer.close(index);
				}, btn2: function () {
					layer.close(index);
				}
			})
		}
	})
</script>
<script type="text/javascript">
	var obj = null;
	var divObj = null;
	var deltaX, deltaY, _startX, _startY;
	$(document).ready(function () {
		obj = document.getElementById("tz");
		divObj = document.getElementById("StreetOverviewFrame");

		obj.addEventListener('mousedown', function (event) {
			//将鼠标位置转为文档坐标
			var scroll = getScrollOffsets();
			var startX = event.clientX + scroll.x;
			var startY = event.clientY + scroll.y;

			_startX = parseInt(startX);
			_startY = parseInt(startY);
			if (document.addEventListener) {
				document.addEventListener("mousemove", moveHandler, true);
				document.addEventListener("mouseup", upHandler, true);
			} else if (document.attachEvent) {
				obj.setCapture();
				obj.attachEvent("onlosecapeture", upHandler);
				obj.attachEvent("onmouseup", upHandler);
				obj.attachEvent("onmousemove", moveHandler);

			}

			//处理了这个事件，不让任何其它元素看到它
			if (event.stopPropagation) event.stopPropagation(); //标准模型
			else event.cancelBubble = true;

			//现在阻止任何默认操作
			if (event.preventDefault) event.preventDefault();
			else event.returnValue = false;
		});

		if (longitude != '' && latitude != '' && longitude != null && latitude != null) {
			var xy = wgs84togcj02(longitude, latitude);
			mapTh(xy[0], xy[1]);
		}

		$("#StreetOverviewFrame").mouseover(function () {
			//navControl.show();
		}).mouseout(function () {
			//navControl.hide();
		});
	});

	function moveHandler(e) {
		if (!e) e = window.event; //ie事件模型
		var startX = parseInt(e.clientX);
		var startY = parseInt(e.clientY);

		deltaX = startX - _startX;
		deltaY = startY - _startY;
		if (_startX > startX) {
			divObj.style.width = ($("#StreetOverviewFrame").width() - deltaX) + "px";
		} else {
			divObj.style.width = ($("#StreetOverviewFrame").width() - deltaX) + "px";
		}

		if (_startY > startY) {
			divObj.style.height = ($("#StreetOverviewFrame").height() + deltaY) + "px";
		} else {
			divObj.style.height = ($("#StreetOverviewFrame").height() + deltaY) + "px";
		}
		_startX = startX;
		_startY = startY;
		if (e.stopPropagation) e.stopPropagation(); //标准模型
		else e.cancelBubble = true;
	}

	function upHandler(e) {
		if (!e) e = window.event; //ie事件模型
		//注销捕获事件处理程序
		if (document.removeEventListener) {
			document.removeEventListener("mousemove", moveHandler, true);
			document.removeEventListener("mouseup", upHandler, true);
		} else if (document.detachEvent) {
			obj.detachEvent("onlosecapeture", upHandler);
			obj.detachEvent("onmouseup", upHandler);
			obj.detachEvent("onmousemove", moveHandler);
			obj.releaseCapture();
		}


		if (e.stopPropagation) e.stopPropagation(); //标准模型
		else e.cancelBubble = true;
	}

	//以一个对象的x和y属性的方式返回滚动条的偏移量
	function getScrollOffsets(w) {
		// 使用指定的窗口，如果不带参数则使用当前窗口
		w = w || window;
		// 除了IE8及更早的版本以外，其它浏览器版本都能用
		if (w.pageXOffset != null) return { x: w.pageXOffset, y: w.pageYOffset };

		// 对标准模式下的IE（或任何浏览器）
		var d = w.document;
		if (document.compatMode == "CSS1Compat")
			return { x: d.documentElement.scrollLeft, y: d.documentElement.scrollTop };

		//对怪异模式下的浏览器
		return { x: d.body.scrollLeft, y: d.body.scrollTop };
	}
	var navControl = null;

</script>