From e34d88ad7d3d950da12f032e6932ba14f868db72 Mon Sep 17 00:00:00 2001
From: ZhuDongming <773644075@qq.com>
Date: Wed, 21 Aug 2019 10:22:50 +0800
Subject: [PATCH] 修改大屏无人机地图弹窗显示不全问题，设置可拖动
---
src/main/webapp/js/moralmap.js | 124 ++++++++++++++++++++++++++---------------
1 files changed, 79 insertions(+), 45 deletions(-)
diff --git a/src/main/webapp/js/moralmap.js b/src/main/webapp/js/moralmap.js
index 8ed51c0..313ae6e 100644
--- a/src/main/webapp/js/moralmap.js
+++ b/src/main/webapp/js/moralmap.js
@@ -508,7 +508,8 @@
function _getMapIcon(state) {
state = state == null ? 0 : state;
var icon = _option["icon"];
- var url = icon["stateIcons"][state];
+ //var url = icon["stateIcons"][state];
+ var url = icon["url"] + state + ".png";
return new BMap.Icon(url, new BMap.Size(icon["width"], icon["height"]), {
imageSize: new BMap.Size(icon["width"], icon["height"])
});
@@ -550,10 +551,18 @@
//new BMap.Marker()������������IE7���������������������
moralMap.MoralMarker.prototype = new BMap.Marker();
//��������������� ������Mark������
- var showMonitorpointInfoWindow = null;
moralMap.Monitorpoint = function(option) {
+ if(monitorPointStates){
+ for(var i in monitorPointStates){
+ var state = monitorPointStates[i];
+ if(state.id == option.id){
+ option.state = state.state;
+ }
+ }
+ }
var icon = {};
icon["stateIcons"] = ["/img/ico00.png", "/img/ico01.png", "/img/ico02.png", "/img/ico03.png", "/img/ico04.png"];
+ icon["url"] = "/img/ico0";
icon["width"] = 50;
icon["height"] = 50;
option["icon"] = icon;
@@ -600,9 +609,6 @@
}
return new BMap.InfoWindow(getAdressOutHtml(), winOpts);
})();
- if (!showMonitorpointInfoWindow) {
- showMonitorpointInfoWindow = infoWindow;
- }
if(moralMarker["infoWindow"] == undefined) {
moralMarker["infoWindow"] = infoWindow;
}
@@ -642,10 +648,18 @@
}
//���������mac���key������
//��������������� ������MoralMark������
- var showEquipmentInfoWindow = null;
moralMap.Equipment = function(option) {
+ if(deviceStates){
+ for(var i in deviceStates){
+ var state = deviceStates[i];
+ if(state.id == option.id){
+ option.state = state.state;
+ }
+ }
+ }
var icon = {};
icon["stateIcons"] = ["/img/ico_coo00.png", "/img/ico_coo01.png", "/img/ico_coo02.png", "/img/ico_coo03.png", "/img/ico_coo04.png"];
+ icon["url"] = "/img/ico_coo0";
icon["width"] = 50;
icon["height"] = 60;
option["icon"] = icon;
@@ -697,7 +711,7 @@
}
return new BMap.InfoWindow(getAdressOutHtml(), winOpts);
})();
-
+
/*var infoWindow = (function() {
//���������������
var winOpts = {
@@ -779,7 +793,7 @@
}
var mouseOverHandle = option['mouseover'];
//���������������������
- moralMarker.addEventListener("mouseover", function() {
+ /*moralMarker.addEventListener("mouseover", function() {
if(mouseOverHandle!=null&&mouseOverHandle instanceof Function){
//���arguments���������������
var args = Array.prototype.slice.call(arguments);
@@ -787,7 +801,7 @@
}
moralMap.closeSearchBox();
baiduMap.openInfoWindow(infoWindow, this._point); //������������������
- /*if(infoWindow.getContent() == "") {
+ if(infoWindow.getContent() == "") {
var data = this.getData();
var option = this.getOption();
if(data==null||data["state"]==4){
@@ -799,20 +813,25 @@
}
infoWindow.setContent(dataHandle._getDataOutHtml(data));
infoWindow.redraw();
- }*/
+ }
});
moralMarker.addEventListener("mouseout", function() {
baiduMap.closeInfoWindow();
infoWindow.setContent("");
moralMap.openSearchBox();
+ });*/
+
+ moralMarker.addEventListener("mouseover", function() {
+ moralMap.openInfoWindow(infoWindow, this._point); //������������������
});
+ moralMarker.addEventListener("mouseout", function() {
+ moralMap.closeInfoWindow();
+ });
+
//==================infoWindow-end============================
//���������������
moralMap.putEquipment(option['mac'], moralMarker);
var _super_refreshState = moralMarker.refreshState;
- if (!showEquipmentInfoWindow) {
- showEquipmentInfoWindow = infoWindow;
- }
//$("#searchParam").val(option['mac']);
return $.extend(moralMarker, {
refreshState: function(data) {
@@ -956,38 +975,53 @@
}
moralMap.callJS = function(condition) {
- var condition = JSON.parse(condition);
- var new_point = new BMap.Point(condition.longitude, condition.latitude);
- baiduMap.panTo(new_point);
- baiduMap.setCenter(new_point);
- if (condition.type == "mpoint") {
- baiduMap.setZoom(17);
- new moralMap.Monitorpoint(condition);
- moralMap.openInfoWindow(showMonitorpointInfoWindow, new_point);
- showMonitorpointInfoWindow = null;
- } else if (condition.type == "device") {
- var parma={};
- parma["layer"] = "equipments";
- parma["markerKeys"] = [condition.mac];
- parma["areaCode"] = moralMap['params']["areaCode"];
- parma["orgId"] = moralMap['params']["orgId"];
- baiduMap.setZoom(18);
- //condition.data = {};
- new moralMap.Equipment(condition);
- moralMap.openInfoWindow(showEquipmentInfoWindow, new_point);
- showEquipmentInfoWindow = null;
- /*$.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) {
-
- }
- });*/
+ var new_point = new BMap.Point(condition.longitude, condition.latitude);
+ baiduMap.panTo(new_point);
+ baiduMap.setCenter(new_point);
+ baiduMap.setZoom(condition.type == "mpoint" ? 17 : 18);
+ var interval = setInterval(function(){
+ var marker;
+ if (condition.type == "mpoint") {
+ marker = moralMap.getMpoint(condition.id);
+ } else if (condition.type == "device") {
+ marker = moralMap.getEquipment(condition.mac);
+ }
+ if(marker){
+ clearInterval(interval);
+ moralMap.openInfoWindow(marker["infoWindow"], new_point);
+ }
+ }, 50);
+
+ }
+
+ var deviceStates ;
+ var monitorPointStates;
+ moralMap.refreshState = function(states) {
+ if (!monitorPointStates) {
+ monitorPointStates = states;
+ deviceStates = [];
+ for (var i in states) {
+ var state = states[i];
+ for (var j in state.devices) {
+ var device = state.devices[j];
+ deviceStates.push(device);
+ }
+ }
+ }
+ for (var i in states) {
+ var state = states[i];
+ var mpoint = moralMap.getMpoint(state.id);
+ if (mpoint) {
+ mpoint.refreshState(state.state);
+ }
+ for (var j in state.devices) {
+ var marker = state.devices[j];
+ var marker_mac = marker["mac"];
+ var equipment = moralMap.getEquipment(marker_mac);
+ if (equipment) {
+ equipment.refreshState(marker);
+ }
+ }
}
}
--
Gitblit v1.8.0