From 1830f5429730a40f7d2f17ca748a80a4b1046c21 Mon Sep 17 00:00:00 2001
From: xufenglei <xufenglei>
Date: Mon, 25 Mar 2019 09:12:22 +0800
Subject: [PATCH] update

---
 src/main/webapp/js/moralmap.js |   99 ++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 72 insertions(+), 27 deletions(-)

diff --git a/src/main/webapp/js/moralmap.js b/src/main/webapp/js/moralmap.js
index 2223c7f..35bb72c 100644
--- a/src/main/webapp/js/moralmap.js
+++ b/src/main/webapp/js/moralmap.js
@@ -550,7 +550,6 @@
 	//new BMap.Marker()������������IE7���������������������
 	moralMap.MoralMarker.prototype = new BMap.Marker();
 	//��������������� ������Mark������
-	var showMonitorpointInfoWindow = null;
 	moralMap.Monitorpoint = function(option) {
 		var icon = {};
 		icon["stateIcons"] = ["/img/ico00.png", "/img/ico01.png", "/img/ico02.png", "/img/ico03.png", "/img/ico04.png"];
@@ -600,9 +599,6 @@
 			}
 			return new BMap.InfoWindow(getAdressOutHtml(), winOpts);
 		})();
-		if (!showMonitorpointInfoWindow) {
-			showMonitorpointInfoWindow = infoWindow;
-		}
 		if(moralMarker["infoWindow"] == undefined) {
 			moralMarker["infoWindow"] = infoWindow;
 		}
@@ -642,7 +638,6 @@
 	}
 	//���������mac���key������
 	//��������������� ������MoralMark������
-	var showEquipmentInfoWindow = null;
 	moralMap.Equipment = function(option) {
 		var icon = {};
 		icon["stateIcons"] = ["/img/ico_coo00.png", "/img/ico_coo01.png", "/img/ico_coo02.png", "/img/ico_coo03.png", "/img/ico_coo04.png"];
@@ -656,7 +651,49 @@
 		var moralMarker = new moralMap.MoralMarker(option);
 		//	    var mark =new BMap.Marker(pointObj,{icon:iconObj});
 		//==================infoWindow-start============================
+
 		var infoWindow = (function() {
+			//���������������
+			var winOpts = {
+				width: 110, // ������������������
+				height: 80, // ������������������
+				title: getTitleOutHtml(), // ������������������
+				offset: new BMap.Size(-8,-5) //���������������������
+			}
+
+			function getTitleOutHtml() {
+				//title���������������...
+				var title = (option["name"] == null) ? "" : option["name"];
+				if(title.length > 13) {
+					title = title.slice(0, 13) + "...";
+				}
+				var titleOutHtml = "";
+				titleOutHtml += "<p style='width:210px;font:bold 14px/16px arial,sans-serif;margin:0;color:#cc5522;white-space:nowrap;overflow:hidden'"
+				titleOutHtml += "title='" + option["name"] + "'>";
+				titleOutHtml += title + "</p>";
+				return titleOutHtml;
+			}
+
+			function getAdressOutHtml() {
+				var address = (option["address"] == null) ? "" : option["address"];
+				if(address.length > 18) {
+					address = address.slice(0, 18) + "...";
+				}
+				var adressOutHtml = "";
+				adressOutHtml += "<div onmouseover='moralMap.clearCloseInfoWindow()'";
+                adressOutHtml +=	"onmouseout='moralMap.closeInfoWindow()'";
+                adressOutHtml	+=" style='font:12px arial,sans-serif;margin-top:12px'><table cellspacing='0' style='overflow:hidden;table-layout:fixed;width:100%;font:12px arial,sans-serif'>";
+				adressOutHtml += "<tbody><tr><td style='vertical-align:top;width:38px;white-space:nowrap;word-break:keep-all'>���������&nbsp;</td><td style='line-height:16px'>";
+				adressOutHtml += address + "&nbsp;";
+				adressOutHtml += "</td></tr>";
+                adressOutHtml += "</tbody></table></div>";
+                //$("#searchParam").val(address);
+				return adressOutHtml;
+			}
+			return new BMap.InfoWindow(getAdressOutHtml(), winOpts);
+		})();
+
+		/*var infoWindow = (function() {
 			//���������������
 			var winOpts = {
 				width: option["online_width"], // ������������������
@@ -730,14 +767,14 @@
 				}
 				return grade+"00";
 			}
-		};
+		};*/
 
 		if(moralMarker["infoWindow"] == undefined) {
 			moralMarker["infoWindow"] = infoWindow;
 		}
         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);
@@ -763,14 +800,20 @@
 			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) {
 				if(data != null && data!="") {
@@ -778,7 +821,7 @@
 					    this.setData(data); //������������
 						_super_refreshState.call(this, data["state"]);
 						//������������������������������,������������������������
-							   if(infoWindow.isOpen()) {
+							   /*if(infoWindow.isOpen()) {
 									if(data["state"]==4){
 										if(state!=4){
 				                         infoWindow.setHeight(option["offline_height"]);
@@ -807,7 +850,7 @@
 											$(itme_data_mac_key).text(dataValue);
 										}
 									}
-							}
+							}*/
 				}
 			},
 			setData:function(data){
@@ -913,21 +956,23 @@
 	}
 
     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") {
-			baiduMap.setZoom(18);
-			new moralMap.Equipment(condition);
-			moralMap.openInfoWindow(showEquipmentInfoWindow, new_point);
-			showEquipmentInfoWindow = null;
-		}
+    	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);
+    	
 	}
 
 

--
Gitblit v1.8.0