From d44db08aa75fe0f243c1a9a09f35a6d8432b90fb Mon Sep 17 00:00:00 2001
From: JinPengYong <812110275@qq.com>
Date: Tue, 30 Jun 2020 23:23:46 +0800
Subject: [PATCH] 无人机应用大屏页面update
---
src/main/webapp/view/map.jsp | 1159 +++++++++++++++++++++++++++++++++++----------------------
1 files changed, 712 insertions(+), 447 deletions(-)
diff --git a/src/main/webapp/view/map.jsp b/src/main/webapp/view/map.jsp
index 6473019..e3bdcb0 100644
--- a/src/main/webapp/view/map.jsp
+++ b/src/main/webapp/view/map.jsp
@@ -1,495 +1,760 @@
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page isELIgnored="false" %>
<%
- String version ="1.000003";
- response.setHeader("Cache-Control","no-store");
- response.setHeader("Pragrma","no-cache");
- response.setDateHeader("Expires",0);
+ String version = "1.000004";
+ response.setHeader("Cache-Control", "no-store");
+ response.setHeader("Pragrma", "no-cache");
+ response.setDateHeader("Expires", 0);
%>
<!DOCTYPE html>
<head>
- <meta charset="utf-8" />
+ <meta charset="utf-8"/>
<title></title>
- <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=rER1sgBIcQxkfNSlm2wmBGZGgEERrooM"></script>
+ <script type="text/javascript"
+ src="http://api.map.baidu.com/api?v=2.0&ak=rER1sgBIcQxkfNSlm2wmBGZGgEERrooM"></script>
<script type="text/javascript" src="/js/jquery.min.js"></script>
- <script type="text/javascript">
- if(typeof (JSON) == 'undefined'){
- $.getScript("js/json2.js");
- }
- </script>
+ <script type="text/javascript" src="/js/utils.js"></script>
+ <script type="text/javascript">
+ if (typeof (JSON) == 'undefined') {
+ $.getScript("js/json2.js");
+ }
+ </script>
<script type="text/javascript" src="/js/moralmap.js?version=<%=version%>"></script>
<script type="text/javascript" src="/js/paging.js"></script>
</head>
<style type="text/css">
- body,
- html,
- #mapCanvas{
- width: 100%;
- height: 100%;
- overflow: hidden;
- margin: 0;
- z-index: 0;
- font-size: 14px;
- font-family: "������������";
- }
- .anchorBL {
- display: none;
- }
- .main_body{
- border: 0;
- margin: 0;
- width: 100%;
- height: 100%;
- position: relative;
- }
-*{
- margin:0;
- padding:0;
- list-style:none;
-}
+ body,
+ html,
+ #mapCanvas {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ margin: 0;
+ z-index: 0;
+ font-size: 14px;
+ font-family: "������������";
+ }
-#popup_box {
- top: 75px;
- left: 20px;
- position: absolute;
- z-index: 1;
- height: 390px;
- width: 320px;
- margin: 0 auto;
- padding: 10px 25px;
- border: 1px solid #eee;
- background: white;
- display:none;
-}
+ .anchorBL {
+ display: none;
+ }
-.listview{
- overflow-x: hidden;
- overflow-y: auto;
- margin: 0;
- padding: 0;
- border: 0;
- height: 390px;
- width: 92%;
- position: absolute;
-}
+ .main_body {
+ border: 0;
+ margin: 0;
+ width: 100%;
+ height: 100%;
+ position: relative;
+ }
+
+ * {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ }
+
+ a {
+ color: #1900c6;
+ text-decoration: none;
+ cursor: pointer;
+ font-size: 14px;
+ font-weight: 300;
+ }
+
+ a:hover {
+ text-decoration: underline;
+ color: #e60012;
+ }
+
+ #popup_box {
+ top: 75px;
+ left: 20px;
+ position: absolute;
+ z-index: 1;
+ height: 390px;
+ width: 320px;
+ margin: 0 auto;
+ padding: 10px 25px;
+ border: 1px solid #eee;
+ background: white;
+ display: none;
+ }
+
+ /*.listview {
+ overflow-x: hidden;
+ overflow-y: auto;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ height: 390px;
+ width: 92%;
+ position: absolute;
+ }*/
-.search_box {
- /*border-bottom: 1px solid #eee;*/
- border-radius: 4px;
- top: 20px;
- left: 21px;
- clear: both;
- zoom: 1;
- padding-top: 10px;
- padding-right: 15px;
- position: absolute;
- z-index: 1;
- height: 36px;
- width: 354px;
- background: white;
-}
+ .search_box {
+ /*border-bottom: 1px solid #eee;*/
+ border-radius: 4px;
+ top: 20px;
+ left: 21px;
+ clear: both;
+ zoom: 1;
+ padding-top: 10px;
+ padding-right: 15px;
+ position: absolute;
+ z-index: 1;
+ height: 36px;
+ width: 354px;
+ background: white;
+ }
-.search_box input {
- margin: 0;
- width: 245px;
- float: right;
- height: 24px;
- line-height: 24px
-}
+ .search_box input {
+ margin: 0;
+ width: 245px;
+ float: right;
+ height: 24px;
+ line-height: 24px
+ }
-.search_box button {
- margin-left: 10px;
- float: right;
- width: 70px;
- height: 28px;
- line-height: 28px
-}
+ .search_box button {
+ margin-left: 10px;
+ float: right;
+ width: 70px;
+ height: 28px;
+ line-height: 28px;
+ cursor: pointer;
+ }
-.list {
- padding: 10px 0;
- clear: both;
- zoom: 1
-}
+ .list {
+ padding: 10px 0;
+ clear: both;
+ zoom: 1
+ }
-.list li {
- padding: 10px 0;
- border-bottom: 1px dotted #eee;
- line-height: 40px;
- height: 40px;
- font-size: 20px;
- cursor: pointer;
-}
+ .list-chart-span {
+ cursor: pointer;
+ background-color: #4c9bf1
+ }
-.list span{
- float: right;
- position: relative;
- right: 18px;
- border-radius:4px;
- width: 70px;
- text-align: center;
- height: 24px;
- line-height: 24px;
- font-size: 16px;
- margin: 10px 0;
- padding:2px 0;
- margin-right: 8px;
-}
+ .list li {
+ border-bottom: 1px dotted #eee;
+ line-height: 25px;
+ height: 25px;
+ font-size: 12px;
+ /*cursor: pointer;*/
+ }
-.list .state00 {
-background-color: #00C600
-}
+ .list span {
+ float: right;
+ position: relative;
+ right: 5px;
+ border-radius: 4px;
+ width: 40px;
+ text-align: center;
+ height: 20px;
+ line-height: 20px;
+ font-size: 12px;
+ font-weight: bolder;
+ color: lightgrey;
+ margin-right: 8px;
+ margin-top: 2.5px;
+ }
-.list .state01 {
- background-color: #FF9;
-}
+ .list .state00 {
+ background-color: #00C600
+ }
-.list .state02 {
-
- background-color: #F93;
-}
+ .list .state01 {
+ background-color: #FF9;
+ }
-.list .state03 {
- background-color: #F00;
-}
+ .list .state02 {
+ background-color: #F93;
+ }
-.list .state04 {
+ .list .state03 {
+ background-color: #F00;
+ }
- background-color: #eee;
- color: #777
-}
- /*
- * ������������������---������������
- */
-
- .page_div {
- margin:0 auto;
- font-size: 10px;
- font-family: "microsoft yahei";
- color: #666666;
- box-sizing: border-box;
- text-align: center;
- }
- /*
- * ������������������
- */
-
- .page_div a {
- min-width:23px;
- height: 22px;
- border: 1px solid #dce0e0!important;
- text-align: center;
- margin: 0 0px;
- margin-right: 1px;
- cursor: pointer;
- line-height: 22px;
- color: #666666;
- font-size: 10px;
- display: inline-block;
- }
-
- #firstPage,
- #lastPage {
- width: 40px;
- color: #0073A9;
- border: 1px solid #0073A9!important;
- }
-
- #prePage,
- #nextPage {
- width: 50px;
- color: #0073A9;
- border: 1px solid #0073A9!important;
- }
-
- .page_div .current {
- background-color: #0073A9;
- border-color: #0073A9;
- color: #FFFFFF;
- }
-
- .totalPages {
- margin: 0 10px;
- }
-
- .totalPages span,
- .totalSize span {
- color: #0073A9;
- margin: 0 5px;
- }
-
-.equ-data-box{width:351px;border:1px solid #dad5d5;background-color:#f6f6f6;padding:12px 0 12px 0;border-radius:3px;margin:10px auto;overflow:hidden;zoom:1;}
-.equ-data-box .equ-data-list{width:330px;margin:0 0 0 10px;border-left:1px solid #d0cdcd;border-top:1px solid #d0cdcd;border-bottom:1px solid #d0cdcd;overflow:hidden;zoom:1;}
-.equ-data-box .equ-data-list li{background:url(/img/list_li_bg.png) left top repeat-x;width:109px;height:165px;float:left;text-align:center;color:#282828;border-right:1px solid #d0cdcd}
-.equ-data-box .equ-data-list li p{height:55px;padding-top:12px;line-height:55px;font-size:18px}
-.equ-data-box .equ-data-list li span{height:60px;line-height:50px;display:block;color:#fff;font-size:40px}
-.equ-data-box .equ-data-list li em{font-size:14px;line-height:28px;font-style:normal;display:block}
-.equ-data-box .equ-data-list li .grade00{background:url(/img/list_num_green.png) left top no-repeat}
-.equ-data-box .equ-data-list li .grade01{color:#282828;background:url(/img/list_num_yellow.png) left top no-repeat}
-.equ-data-box .equ-data-list li .grade02{background:url(/img/list_num_orange.png) left top no-repeat}
-.equ-data-box .equ-data-list li .grade03{background:url(/img/list_num_red.png) left top no-repeat}
+ .list .state04 {
+ background-color: #488FD2;
+ }
+
+ /*
+ * ������������������---������������
+ */
+
+ .page_div {
+ margin: 0 auto;
+ font-size: 10px;
+ font-family: "microsoft yahei";
+ color: #666666;
+ box-sizing: border-box;
+ text-align: center;
+ }
+
+ /*
+ * ������������������
+ */
+
+ .page_div a {
+ min-width: 23px;
+ height: 22px;
+ border: 1px solid #dce0e0 !important;
+ text-align: center;
+ margin: 0 0px;
+ margin-right: 1px;
+ cursor: pointer;
+ line-height: 22px;
+ color: #666666;
+ font-size: 10px;
+ display: inline-block;
+ }
+
+ #firstPage,
+ #lastPage {
+ width: 40px;
+ color: #0073A9;
+ border: 1px solid #0073A9 !important;
+ }
+
+ #prePage,
+ #nextPage {
+ width: 50px;
+ color: #0073A9;
+ border: 1px solid #0073A9 !important;
+ }
+
+ .page_div .current {
+ background-color: #0073A9;
+ border-color: #0073A9;
+ color: #FFFFFF;
+ }
+
+ .totalPages {
+ margin: 0 10px;
+ }
+
+ .totalPages span,
+ .totalSize span {
+ color: #0073A9;
+ margin: 0 5px;
+ }
+
+ .equ-data-box {
+ width: 351px;
+ border: 1px solid #dad5d5;
+ background-color: #f6f6f6;
+ padding: 12px 0 12px 0;
+ border-radius: 3px;
+ margin: 10px auto;
+ overflow: hidden;
+ zoom: 1;
+ }
+
+ .equ-data-box .equ-data-list {
+ width: 330px;
+ margin: 0 0 0 10px;
+ border-left: 1px solid #d0cdcd;
+ border-top: 1px solid #d0cdcd;
+ border-bottom: 1px solid #d0cdcd;
+ overflow: hidden;
+ zoom: 1;
+ }
+
+ .equ-data-box .equ-data-list li {
+ background: url(/img/list_li_bg.png) left top repeat-x;
+ width: 109px;
+ height: 165px;
+ float: left;
+ text-align: center;
+ color: #282828;
+ border-right: 1px solid #d0cdcd
+ }
+
+ .equ-data-box .equ-data-list li p {
+ height: 55px;
+ padding-top: 12px;
+ line-height: 55px;
+ font-size: 18px
+ }
+
+ .equ-data-box .equ-data-list li span {
+ height: 60px;
+ line-height: 50px;
+ display: block;
+ color: #fff;
+ font-size: 40px
+ }
+
+ .equ-data-box .equ-data-list li em {
+ font-size: 14px;
+ line-height: 28px;
+ font-style: normal;
+ display: block
+ }
+
+ .equ-data-box .equ-data-list li .grade00 {
+ background: url(/img/list_num_green.png) left top no-repeat
+ }
+
+ .equ-data-box .equ-data-list li .grade01 {
+ color: #282828;
+ background: url(/img/list_num_yellow.png) left top no-repeat
+ }
+
+ .equ-data-box .equ-data-list li .grade02 {
+ background: url(/img/list_num_orange.png) left top no-repeat
+ }
+
+ .equ-data-box .equ-data-list li .grade03 {
+ background: url(/img/list_num_red.png) left top no-repeat
+ }
+
+ .tools_box {
+ position: absolute;
+ height: 120px;
+ width: 400px;
+ right: 1px;
+ top: 20px;
+ z-index: 1;
+ }
+
+ .tools_box .charts_btn {
+ position: relative;
+ float: right;
+ margin: 0;
+ border: 0;
+ height: 85px;
+ width: 85px;
+ background: url(/img/charts_btn_bg_1.png) left top no-repeat;
+ background-size: 70%;
+ }
+
+ .tools_box .charts_btn:hover {
+ cursor: pointer;
+ background: url(/img/charts_btn_bg_2.png) left top no-repeat;
+ background-size: 70%;
+ }
</style>
<body>
<div class="main_body">
- <div class="search_box">
- <button id="searchBtn" type="button">������</button>
- <input id="searchParam"/>
- </div>
- <div id="popup_box">
- <div id="equ_list" class="listview">
- </div>
- </div>
- <div id="mapCanvas"></div>
- <div id="mapParams" style="display: none;">
- ${requestScope.mapParams}
- </div>
+ <div class="tools_box">
+ <div class="charts_btn">
+ </div>
+ </div>
+ <%-- <div class="search_box">
+ <button id="searchBtn" type="button">������</button>
+ <textarea style="width: 200px;height:200px;" id="searchParam"></textarea>
+ </div>--%>
+ <!-- <div id="popup_box">
+ <div id="equ_list" class="listview">
+ </div>
+ </div> -->
+ <div id="mapCanvas"></div>
+ <div id="mapParams" style="display: none;">
+ ${requestScope.mapParams}
+ </div>
</div>
</body>
</html>
<script>
-//���������������
-(function($) {
- var moralMap = window.moralMap;
- var params = $.parseJSON($("#mapParams").html());
- moralMap['params'] = params;
- //������������������������������
- moralMap.mapInit(params["regionName"]);
- //������������
- var listView =moralMap.initListView({id: "#equ_list",pageSize:12});
- window["listView"] = listView;
- //���������������������click������������
- function showEqus(obj) {
- var params = moralMap['params'];
- var mpoint = obj.currentTarget.getOption();
- var url = 'get-devices?mpId=' + mpoint['id'] + "&orgId=" + params['orgId'];
- listView.load(url);
- moralMap.showPopupbox("#popup_box");
- }
- function loadLazy(url,paramMap,callBack,lazyKeyer){
- if(lazyKeyer==undefined){
- lazyKeyer = moralMap.lazyKeyer;
- }
- var key = lazyKeyer();
- setTimeout(function(){
- //���������������������������,������������������
- if(key==undefined||lazyKeyer(key)){
- $.ajax({
- type:"get",
- url:url,
- data:paramMap,
- async:false,
- cache: false,
- success:function(res){
- if(callBack!=null){
- if(res.code==1&&lazyKeyer(key)){
- callBack(res.data);
- }
- }
- }
- });
- }
- },500);
+ //���������������
+ (function ($) {
+ var moralMap = window.moralMap;
+ var params = $.parseJSON($("#mapParams").html());
+ moralMap['params'] = params;
+ var regionCode = params["regionCode"];
+ var provinceCode = regionCode.toString().substring(0, 2) + "0000";
+ var mapType = getUrlParam("mapType");
+ var mapOption = {};
+ if (!!mapType && !!eval(mapType)) {
+ mapOption["mapType"] = eval(mapType);
+ }
+ var showZoom = getUrlParam("showZoom");
+ //������������������������������
+ moralMap.mapInit(params["regionName"], mapOption, showZoom);
+ //������������
+ var listView = moralMap.initListView({id: "#equ_list", pageSize: 12});
+ window["listView"] = listView;
- }
- function loadOverlays(url,callback){
- //������������
- var oldMarkerList = moralMap.getHorizonMarkers();
- moralMap.addOverlays(oldMarkerList);
- //������������
- //������������������������,������������������
- if(moralMap.isOverBounds()||moralMap.getOverlays().length==0){
- var maxBounds = moralMap.getMaxBounds();
- var paramMap = {};
- paramMap["orgId"]= params['orgId'];
- $.extend(paramMap,maxBounds);
- loadLazy(url,paramMap,callback);
- }
- }
- function addOverEquipments(jsonData){
- if(moralMap.layer()=="equipments"){
- var objs = jsonData["rows"]==null?[]:jsonData["rows"];
- for(var i in objs) {
- var obj = objs[i];
- if(moralMap.getEquipment(obj["mac"])==null){
- obj['click'] = function(){
- var _obj = this.getOption();
- var equ = {
- name: _obj['name'],
- mac: (_obj['mac']).toLowerCase(),
- longitude: _obj['longitude'],
- latitude: _obj['latitude'],
- version:moralMap.getVersion(_obj['mac'])
- }
- var equStr = JSON.stringify(equ);
- if(window["console"]!=undefined){
- console.log(equStr);
- }
- if(window['external']&&window['external']['showMonitorInfo']){
- window['external'].showMonitorInfo(equStr);
- }else{
- alert(equStr);
- }
- }
- var moralMask = new moralMap.Equipment(obj);
- moralMap.addOverlay(moralMask);
- }
- }
- }
- }
- function addOverMpoints(data){
- if(moralMap.layer()=="monitorpoints"){
- var mpoints = data = null?[]:data;
- for(var i in mpoints) {
- var mpParam = mpoints[i];
- if(moralMap.getMpoint(mpParam["id"])==null){
- mpParam['click'] = showEqus;
- var mpObj = new moralMap.Monitorpoint(mpParam);
- moralMap.addOverlay(mpObj);
- }
- }
- }
- }
- //������load
- moralMap.addEventListener("load", function(type, target) {
+ //���������������������click������������
+ function showEqus(obj) {
+
+ var params = moralMap['params'];
+ var mpoint = obj.currentTarget.getOption();
+ //$("#searchParam").val(mpoint['name']);
+ var url = 'get-devices-by-mid-oid?mpId=' + mpoint['id'] + "&orgId=" + params['orgId'];
+ listView.load(url);
+ moralMap.showPopupbox("#popup_box");
+ }
+
+ function loadLazy(url, paramMap, callBack, lazyKeyer) {
+ if (lazyKeyer == undefined) {
+ lazyKeyer = moralMap.lazyKeyer;
+ }
+ var key = lazyKeyer();
+ setTimeout(function () {
+ //���������������������������,������������������
+ if (key == undefined || lazyKeyer(key)) {
+ $.ajax({
+ type: "get",
+ url: url,
+ data: paramMap,
+ async: false,
+ cache: false,
+ success: function (res) {
+ if (callBack != null) {
+ if (res.code == 1 && lazyKeyer(key)) {
+ callBack(res.data);
+ }
+ }
+ }
+ });
+ }
+ }, 500);
+
+ }
+
+ function loadOverlays(url, callback) {
+ //������������
+ var oldMarkerList = moralMap.getHorizonMarkers();
+ moralMap.addOverlays(oldMarkerList);
+ //������������
+ //������������������������,������������������
+ if (moralMap.isOverBounds() || moralMap.getOverlays().length == 0) {
+ var maxBounds = moralMap.getMaxBounds();
+ var paramMap = {};
+ paramMap["orgId"] = params['orgId'];
+ paramMap["regionCode"] = params['regionCode'];
+ // ���������������������
+ paramMap["Fe"] = maxBounds.northeastLat;//���������������������������
+ paramMap["Ge"] = maxBounds.northeastLng;//���������������������������
+ paramMap["Ke"] = maxBounds.southwestLat;//���������������������������������
+ paramMap["Le"] = maxBounds.southwestLng;//���������������������������������
+ // $.extend(paramMap,maxBounds);
+ loadLazy(url, paramMap, callback);
+ }
+ }
+
+ function addOverEquipments(jsonData) {
+ if (moralMap.layer() == "equipments") {
+ var objs = jsonData = null ? [] : jsonData;
+ for (var i in objs) {
+ var obj = objs[i];
+ if (moralMap.getEquipment(obj["mac"]) == null) {
+ obj['mouseover'] = function (type) {
+ if (type.target.getData() == null) {
+ //��������������������������������������������������� ������������������
+ //refreshAllState();
+ }
+ }
+ obj['click'] = function () {
+ var _obj = this.getOption();
+ if (_obj['mac'] == null) {
+ alert("mac���������������������������������������");
+ return;
+ }
+ var equ = {
+ methodName: 'showDeviceMonitor',
+ name: _obj['name'],
+ mac: (_obj['mac']).toLowerCase(),
+ longitude: _obj['longitude'],
+ latitude: _obj['latitude'],
+ monitorPointId: _obj['monitorPointId'],
+ version: _obj['deviceVersion']['version']
+ }
+ var equStr = JSON.stringify(equ);
+ if (window["console"] != undefined) {
+ }
+ if (!!window['external'] && !!window['external']['callWin']) {
+ window['external'].callWin(equStr);
+ } else if (!!window['external'] && !!window['external']['showMonitorInfo']) {
+ window['external'].showMonitorInfo(equStr);
+ } else {
+ alert(equStr);
+ }
+ }
+ var moralMask = new moralMap.Equipment(obj);
+ moralMap.addOverlay(moralMask);
+ }
+ }
+ }
+ }
+
+ function addOverMpoints(data) {
+ if (moralMap.layer() == "monitorpoints") {
+ var mpoints = data = null ? [] : data;
+ for (var i in mpoints) {
+ var mpParam = mpoints[i];
+ if (moralMap.getMpoint(mpParam["id"]) == null) {
+ mpParam['click'] = showEqus;
+ var mpObj = new moralMap.Monitorpoint(mpParam);
+ moralMap.addOverlay(mpObj);
+ }
+ }
+ }
+ }
+
+ //������load
+ moralMap.addEventListener("load", function (type, target) {
var paramMap = {};
var bounds = moralMap.getBounds();
- paramMap["areaCode"]= params['areaCode'];
- paramMap["orgId"]= params['orgId'];
- paramMap["Fe"]= bounds['Fe'];//���������������������������
- paramMap["Ge"]= bounds['Ge'];//���������������������������
- paramMap["Ke"]= bounds['Ke'];//���������������������������������
- paramMap["Le"]= bounds['Le'];//���������������������������������
- loadLazy("getMonitorpointList",paramMap,addOverMpoints);
- startRefreshPage();
- });
- //��������������������� ���������������,���������
- moralMap.addEventListener("tilesloaded", function(type, target) {
-// var endZoom = this.getZoom();
-// if(endZoom>=moralMap.getZooMConfine()){//������������������������
-// loadOverlays("getequipments",addOverEquipments);
-// }else{
-// loadOverlays("get-monitorpoints",addOverMpoints);
-// }
-// moralMap.closePopupbox("#popup_box");
- });
- //������������������������������������������
- moralMap.addEventListener('zoomstart', function(type) {});
- //������������������������������������������
- moralMap.addEventListener('zoomend', function(type) {
- var endZoom = this.getZoom();
- if(endZoom>=moralMap.getZooMConfine()){//������������������������
- loadOverlays("getequipments",addOverEquipments);
- }else{
- loadOverlays("get-monitorpoints",addOverMpoints);
- }
- moralMap.closePopupbox("#popup_box");
- });
- moralMap.addEventListener('moveend', function(type) {
- var endZoom = this.getZoom();
- if(endZoom>=moralMap.getZooMConfine()){//������������������������
- loadOverlays("getequipments",addOverEquipments);
- }else{
- loadOverlays("get-monitorpoints",addOverMpoints);
- }
- moralMap.closePopupbox("#popup_box");
- });
- //���������������������
- $("#searchBtn").click(
- function(e) {
- var param = encodeURI($("#searchParam").val());
- moralMap.showPopupbox("#popup_box");
- var url = 'get-devices-for-popup?name=' + param + "&orgId=" + params['orgId'];
- listView.load(url);
- }
- )
- //������������
+ paramMap["areaCode"] = params['areaCode'];
+ paramMap["orgId"] = params['orgId'];
+ // ���������������������
+ paramMap["Fe"] = bounds.northeastLat;//���������������������������
+ paramMap["Ge"] = bounds.northeastLng;//���������������������������
+ paramMap["Ke"] = bounds.southwestLat;//���������������������������������
+ paramMap["Le"] = bounds.southwestLng;//���������������������������������
+ loadLazy("getMonitorpointList", paramMap, addOverMpoints);
+ //startRefreshPage();
+ showGrid();
+ });
+ //��������������������� ���������������,���������
+ moralMap.addEventListener("tilesloaded", function (type, target) {
+ showGrid();
+ });
-})(jQuery);
- var _intervalNum=-1;
- function startRefreshPage(){
- if(_intervalNum==-1){
- _intervalNum = self.setInterval(function(){
- refreshAllState();
- },10000);
- }
- setTimeout(function(){
+ //map���������������
+ // TODO ������
+ function getBounds() {
+ var bs = moralMap.getBounds(); //������������������������������������
+ // var bssw = bs.getSouthWest(); //���������������������������(������������)
+ // var bsne = bs.getNorthEast(); //���������������������������(������������)
+ if (!getBounds.topLeftAnchor) {
+ getBounds.topLeftAnchor = {};
+ getBounds.topLeftAnchor.x0 = bs.southwestLng;
+ getBounds.topLeftAnchor.y0 = bs.northeastLat;
+ }
+ return {'x1': bs.southwestLng, 'y1': bs.southwestLat, 'x2': bs.northeastLng, 'y2': bs.northeastLat};
+ }
+
+ /**
+ * ������������
+ */
+ // TODO ������
+ function showGrid() {
+ var isShowGrid = getUrlParam("isShowGrid");
+ if (!!isShowGrid) {
+ $(".tools_box").hide();
+ }
+ // if(!isShowGrid||moralMap.getZoom()<14){
+ if (!isShowGrid || moralMap.getZoom() < 14) {
+ return;
+ }
+ var XY = getBounds();
+ var polygons = [];
+ console.log(XY);
+ var X1 = XY.x1;
+ var Y2 = XY.y2;
+ var X0 = getBounds.topLeftAnchor.x0;
+ var Y0 = getBounds.topLeftAnchor.y0;
+ var width = 0.0063;
+ var height = 0.0048;
+ // var multiple = 1000000;
+ if (!!getBounds.topLeftAnchor) {
+ X1 = X0 + Math.ceil((X1 - X0) / width - 1) * width;
+ Y2 = Y0 + Math.ceil((Y2 - Y0) / height) * height;
+ }
+ for (var i = X1; i < XY.x2; i = i + width) {
+ for (var j = Y2; j > XY.y1; j = j - height) {
+ //���������������������������������������������������:������������������Point���������������������������,���������������������������,���������������������������,���������������������������������������������������������������������������������������������������������������,������������������������������������������������������������������
+ var polygon = new BMap.Polygon([
+ new BMap.Point(i, j), //������������������
+ new BMap.Point(i, j - height), //������������������
+ new BMap.Point(i + width, j - height), //������������������
+ new BMap.Point(i + width, j) //������������������
+ ], {strokeColor: "blue", strokeWeight: 2, strokeOpacity: 0.5, fillOpacity: 0.1});
+ // polygon .addEventListener("click",function clickFunction(){
+ // alert("������������������");
+ // });
+ // moralMap.addOverlay(polygon);
+ polygons.push(polygon);
+ }
+ }
+ moralMap.addOverlays(polygons);
+ if (!!showGrid.polygons) {
+ moralMap.removeOverlays(showGrid.polygons);
+ }
+ showGrid.polygons = polygons;
+ }
+
+ // ������������������ ������������
+ moralMap.addEventListener("click", function (type, target) {
+ //moralMap.closePopupbox("#popup_box");
+ });
+ //������������������������������������������
+ moralMap.addEventListener('zoomstart', function (type) {
+ });
+ //������������������������������������������
+ moralMap.addEventListener('zoomend', function (type) {
+ var endZoom = this.getZoom();
+ if (endZoom >= moralMap.getZoomConfine()) {//������������������������
+ loadOverlays("get-devices", addOverEquipments);
+ } else {
+ loadOverlays("get-monitorpoints", addOverMpoints);
+ }
+ //moralMap.closePopupbox("#popup_box");
+ });
+ moralMap.addEventListener('moveend', function (type) {
+ var endZoom = this.getZoom();
+ if (endZoom >= moralMap.getZoomConfine()) {//������������������������
+ loadOverlays("get-devices", addOverEquipments);
+ } else {
+ loadOverlays("get-monitorpoints", addOverMpoints);
+ }
+ //moralMap.closePopupbox("#popup_box");
+ });
+ //���������������������
+ $("#searchBtn").click(
+ function (e) {
+ var param = encodeURI($("#searchParam").val());
+ //moralMap.showPopupbox("#popup_box");
+ var url = 'get-devices-for-popup?name=' + param + "&orgId=" + params['orgId'];
+ listView.load(url);
+ }
+ );
+ $("#searchParam").keydown(function (event) {
+ if (event.keyCode == 13) {
+ $("#searchBtn").trigger("click");
+ }
+ })
+ //������������������������������
+ $(".charts_btn").click(
+ function (e) {
+ var obj = {};
+ obj['methodName'] = 'showChart';
+ var objStr = JSON.stringify(obj);
+ if (!!window['external'] && !!window['external']['callWin']) {
+ window['external'].callWin(objStr);
+ } else if (!!window['external'] && !!window['external']['showChartInfo']) {
+ window['external'].showChartInfo("");
+ } else {
+ alert(objStr);
+ }
+ }
+ );
+ //������������
+
+ })(jQuery);
+ var _intervalNum = -1;
+
+ function startRefreshPage() {
+ if (_intervalNum == -1) {
+ _intervalNum = self.setInterval(function () {
+ refreshAllState();
+ }, 10000);
+ }
+ setTimeout(function () {
refreshAllState();
- },2000);
+ }, 5000);
}
- function stopRefreshPage(){
+
+ function stopRefreshPage() {
window.clearInterval(_intervalNum);
- _intervalNum=-1;
+ _intervalNum = -1;
}
- //������������
- function refreshAllState() {
- var parma={};
- if(moralMap.isPopupBoxShow("#popup_box")) {
- var popupEquMacs = moralMap.getPopupEquMacs();
- if(popupEquMacs!=null&&popupEquMacs.length>0){
- parma["popupEquMacs"] = popupEquMacs;
- }
- }
- //������������
- var oldMarkerList = moralMap.getHorizonMarkers(true);
- var markerKeys = [];
- key = moralMap.layer()=="monitorpoints"?"id":"mac";
- for(var i in oldMarkerList){
- var marker = oldMarkerList[i];
- var key_value = marker.getOption()[key];
- if(key_value!=null){
- markerKeys.push(key_value);
- }
- }
- parma["layer"] =moralMap.layer();
- parma["markerKeys"] = markerKeys;
+
+ //������������
+ function refreshAllState() {
+ var parma = {};
+ /* if(moralMap.isPopupBoxShow("#popup_box")) {
+ var popupEquMacs = moralMap.getPopupEquMacs();
+ if(popupEquMacs!=null&&popupEquMacs.length>0){
+ parma["popupEquMacs"] = popupEquMacs;
+ }
+ } */
+ //������������
+ var oldMarkerList = moralMap.getHorizonMarkers(true);
+ var markerKeys = [];
+ key = moralMap.layer() == "monitorpoints" ? "id" : "mac";
+ for (var i in oldMarkerList) {
+ var marker = oldMarkerList[i];
+ var key_value = marker.getOption()[key];
+ if (key_value != null) {
+ markerKeys.push(key_value);
+ }
+ }
+ parma["layer"] = moralMap.layer();
+ parma["markerKeys"] = markerKeys;
parma["areaCode"] = moralMap['params']["areaCode"];
parma["orgId"] = moralMap['params']["orgId"];
- $.ajax({
- type: "post",
- url: "getstatesformap",
- data:JSON.stringify(parma),
- dataType:"json",
- contentType:"application/json;charset=utf-8",
- cache: false,
- async: true,
- success: function(data) {
- if(data!=null&&typeof data === 'object') {
- var resultMap = data["extData"];
- if(resultMap==null){
- return;
- }
- var markers = resultMap["markers"];
- var layer = resultMap["layer"];
- if(markers!=null&&markers.length>0){
- if(layer=="monitorpoints"){
- for(var a_i in markers){
- var marker = markers[a_i];
- var marker_id = marker["id"];
- var mpoint = moralMap.getMpoint(marker_id);
- if(mpoint!=null){
- mpoint.refreshState(marker["state"]);
- }
+ if ((!!parma["popupEquMacs"] && !!parma["popupEquMacs"].length)
+ || (!!parma["markerKeys"] && !!parma["markerKeys"].length)) {
+ $.ajax({
+ type: "post",
+ url: "get-real-state-data",
+ data: JSON.stringify(parma),
+ dataType: "json",
+ contentType: "application/json;charset=utf-8",
+ cache: false,
+ async: true,
+ success: function (data) {
+ if (data != null && typeof data === 'object') {
+ var resultMap = data["extData"];
+ if (resultMap == null) {
+ return;
+ }
+ var markers = resultMap["markers"];
+ var layer = resultMap["layer"];
+ if (markers != null && markers.length > 0) {
+ if (layer == "monitorpoints") {
+ for (var a_i in markers) {
+ var marker = markers[a_i];
+ var marker_id = marker["id"];
+ var mpoint = moralMap.getMpoint(marker_id);
+ if (mpoint != null) {
+ mpoint.refreshState(marker["state"]);
+ }
// mpoint.refreshState(4);
- }
- }else{
- for(var b_i in markers){
- var marker = markers[b_i];
- var marker_mac = marker["mac"];
- var equipment = moralMap.getEquipment(marker_mac);
- if(equipment!=null){
- equipment.refreshState(marker);
- }
- }
- }
- }
- if(resultMap["popupEquStates"]!=null){
- listView.refreshState(resultMap["popupEquStates"]);
- }
- }
- }
- });
- }
+ }
+ } else {
+ for (var b_i in markers) {
+ var marker = markers[b_i];
+ var marker_mac = marker["mac"];
+ var equipment = moralMap.getEquipment(marker_mac);
+ if (equipment != null) {
+ equipment.refreshState(marker);
+ }
+ }
+ }
+
+ var equ = {
+ methodName: 'refreshState',
+ markers: markers,
+ layer: layer
+ }
+ var equStr = JSON.stringify(equ);
+ if (window["console"] != undefined) {
+ }
+ if (!!window['external'] && !!window['external']['callWin']) {
+ window['external'].callWin(equStr);
+ }
+ }
+ if (resultMap["popupEquStates"] != null) {
+ listView.refreshState(resultMap["popupEquStates"]);
+ }
+ }
+ }
+ });
+ }
+ }
+
+ function callJS(jsonData) {
+ var jsonData = JSON.parse(jsonData);
+ var methodName = jsonData.methodName;
+ // $("#searchParam").val(JSON.stringify(jsonData));
+ if ("JumpBaiduMap" == methodName) {
+ moralMap.callJS(jsonData);
+ } else if ("RefreshState" == methodName) {
+ var states = jsonData.states;
+ moralMap.refreshState(states);
+ } else if ("DeliverSensors" == methodName) {
+ moralMap.showSensors(jsonData);
+ }
+ }
</script>
--
Gitblit v1.8.0