From ed8f0aeffb619c0540b16420320973207c55f015 Mon Sep 17 00:00:00 2001
From: fengxiang <110431245@qq.com>
Date: Fri, 23 Mar 2018 08:52:49 +0800
Subject: [PATCH] 地图点击关闭弹窗
---
src/main/webapp/view/map.jsp | 92 +++++++++++++++++++++++++++------------------
1 files changed, 55 insertions(+), 37 deletions(-)
diff --git a/src/main/webapp/view/map.jsp b/src/main/webapp/view/map.jsp
index 35be11e..eaf7569 100644
--- a/src/main/webapp/view/map.jsp
+++ b/src/main/webapp/view/map.jsp
@@ -1,7 +1,12 @@
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page isELIgnored="false" %>
-<% String version ="1.000003";%>
+<%
+ String version ="1.000003";
+ response.setHeader("Cache-Control","no-store");
+ response.setHeader("Pragrma","no-cache");
+ response.setDateHeader("Expires",0);
+%>
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
@@ -108,26 +113,31 @@
clear: both;
zoom: 1
}
-
+.list-chart-span {
+ cursor: pointer;
+ background-color: #4c9bf1
+}
.list li {
padding: 10px 0;
border-bottom: 1px dotted #eee;
line-height: 40px;
height: 40px;
font-size: 20px;
- cursor: pointer;
+ /*cursor: pointer;*/
}
.list span{
float: right;
position: relative;
- right: 18px;
+ right: 5px;
border-radius:4px;
- width: 70px;
+ width: 40px;
text-align: center;
height: 24px;
line-height: 24px;
- font-size: 16px;
+ font-size: 14px;
+ font-weight: bolder;
+ color: white;
margin: 10px 0;
padding:2px 0;
margin-right: 8px;
@@ -139,6 +149,7 @@
.list .state01 {
background-color: #FF9;
+ color: #ff7f00;
}
.list .state02 {
@@ -151,9 +162,9 @@
}
.list .state04 {
-
- background-color: #eee;
- color: #777
+ /*background-color: #eee;*/
+ /*color: #777 ;*/
+ background-color: #738d99 ;
}
/*
* ������������������---������������
@@ -237,8 +248,8 @@
</div>
</div>
<div id="mapCanvas"></div>
- <div id="map_params" style="display: none;">
- ${requestScope.map_params}
+ <div id="mapParams" style="display: none;">
+ ${requestScope.mapParams}
</div>
</div>
</body>
@@ -248,10 +259,10 @@
//���������������
(function($) {
var moralMap = window.moralMap;
- var params = $.parseJSON($("#map_params").html());
+ var params = $.parseJSON($("#mapParams").html());
moralMap['params'] = params;
//������������������������������
- moralMap.mapInit(params["area_name"]);
+ moralMap.mapInit(params["regionName"]);
//������������
var listView =moralMap.initListView({id: "#equ_list",pageSize:12});
window["listView"] = listView;
@@ -259,7 +270,7 @@
function showEqus(obj) {
var params = moralMap['params'];
var mpoint = obj.currentTarget.getOption();
- var url = 'equipment/findAllEqu?mpId=' + mpoint['id'] + "&orgId=" + params['orgId'];
+ var url = 'get-devices-by-mid-oid?mpId=' + mpoint['id'] + "&orgId=" + params['orgId'];
listView.load(url);
moralMap.showPopupbox("#popup_box");
}
@@ -277,10 +288,10 @@
data:paramMap,
async:false,
cache: false,
- success:function(jsonData){
+ success:function(res){
if(callBack!=null){
- if(jsonData!=null&&typeof jsonData["rows"] ==='object'&&lazyKeyer(key)){
- callBack(jsonData);
+ if(res.code==1&&lazyKeyer(key)){
+ callBack(res.data);
}
}
}
@@ -305,18 +316,28 @@
}
function addOverEquipments(jsonData){
if(moralMap.layer()=="equipments"){
- var objs = jsonData["rows"]==null?[]:jsonData["rows"];
+ 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();
+ var _obj = this.getOption();
+ if(_obj['mac']==null){
+ alert("mac���������������������������������������");
+ return;
+ }
var equ = {
name: _obj['name'],
mac: (_obj['mac']).toLowerCase(),
longitude: _obj['longitude'],
latitude: _obj['latitude'],
- version:moralMap.getVersion(_obj['mac'])
+ version:_obj['deviceVersion']['version']
}
var equStr = JSON.stringify(equ);
if(window["console"]!=undefined){
@@ -334,9 +355,9 @@
}
}
}
- function addOverMpoints(jsonData){
+ function addOverMpoints(data){
if(moralMap.layer()=="monitorpoints"){
- var mpoints = jsonData["rows"]==null?[]:jsonData["rows"];
+ var mpoints = data = null?[]:data;
for(var i in mpoints) {
var mpParam = mpoints[i];
if(moralMap.getMpoint(mpParam["id"])==null){
@@ -357,37 +378,34 @@
paramMap["Ge"]= bounds['Ge'];//���������������������������
paramMap["Ke"]= bounds['Ke'];//���������������������������������
paramMap["Le"]= bounds['Le'];//���������������������������������
- loadLazy("getmonitorpoints",paramMap,addOverMpoints);
+ loadLazy("getMonitorpointList",paramMap,addOverMpoints);
startRefreshPage();
});
//��������������������� ���������������,���������
moralMap.addEventListener("tilesloaded", function(type, target) {
-// var endZoom = this.getZoom();
-// if(endZoom>=moralMap.getZooMConfine()){//������������������������
-// loadOverlays("getequipments",addOverEquipments);
-// }else{
-// loadOverlays("getmonitorpoints",addOverMpoints);
-// }
-// moralMap.closePopupbox("#popup_box");
});
+ // ������������������ ������������
+ 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("getequipments",addOverEquipments);
+ loadOverlays("get-devices",addOverEquipments);
}else{
- loadOverlays("getmonitorpoints",addOverMpoints);
+ loadOverlays("get-monitorpoints",addOverMpoints);
}
moralMap.closePopupbox("#popup_box");
});
moralMap.addEventListener('moveend', function(type) {
var endZoom = this.getZoom();
if(endZoom>=moralMap.getZooMConfine()){//������������������������
- loadOverlays("getequipments",addOverEquipments);
+ loadOverlays("get-devices",addOverEquipments);
}else{
- loadOverlays("getmonitorpoints",addOverMpoints);
+ loadOverlays("get-monitorpoints",addOverMpoints);
}
moralMap.closePopupbox("#popup_box");
});
@@ -396,7 +414,7 @@
function(e) {
var param = encodeURI($("#searchParam").val());
moralMap.showPopupbox("#popup_box");
- var url = 'equipment/findAllEqu?name=' + param + "&orgId=" + params['orgId'];
+ var url = 'get-devices-for-popup?name=' + param + "&orgId=" + params['orgId'];
listView.load(url);
}
)
@@ -412,7 +430,7 @@
}
setTimeout(function(){
refreshAllState();
- },2000);
+ },5000);
}
function stopRefreshPage(){
window.clearInterval(_intervalNum);
@@ -444,7 +462,7 @@
parma["orgId"] = moralMap['params']["orgId"];
$.ajax({
type: "post",
- url: "getstatesformap",
+ url: "get-real-state-data",
data:JSON.stringify(parma),
dataType:"json",
contentType:"application/json;charset=utf-8",
--
Gitblit v1.8.0