add websocket实时发送设备数据，显示风向等信息

ZhuDongming

2020-06-22 2bc319c2c241d7646cb6805f9364cb7416edfa0a

 src/main/webapp/view/newmap.jsp

@@ -14,6 +14,8 @@
    <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" src="/js/sockjs.min.js"></script>
    <script type="text/javascript" src="/js/stomp.min.js"></script>
    <script type="text/javascript" src="/js/utils.js"></script>
    <script type="text/javascript">
        if (typeof (JSON) == 'undefined') {
@@ -345,10 +347,10 @@
        <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 class="search_box">
        <button id="searchBtn" type="button">搜索</button>
        <textarea style="width: 300px;height:400px;" id="searchParam"></textarea>
    </div>
    <!-- <div id="popup_box">
          <div id="equ_list" class="listview">
          </div>
@@ -367,6 +369,7 @@
        var moralMap = window.moralMap;
        var params = $.parseJSON($("#mapParams").html());
        moralMap['params'] = params;
        var orgId = params["orgId"];
        var regionCode = params["regionCode"];
        var provinceCode = regionCode.toString().substring(0, 2) + "0000";
        var mapType = getUrlParam("mapType");
@@ -422,7 +425,10 @@
        function loadOverlays(url, callback) {
            //从缓存取
            var oldMarkerList = moralMap.getHorizonMarkers();
            var oldWindMarkerList = moralMap.getHorizonWindMarkers();

            moralMap.addOverlays(oldMarkerList);
            moralMap.addOverlays(oldWindMarkerList);
            //从缓存取
            //超界到后台取数据,地图为空时取
            if (moralMap.isOverBounds() || moralMap.getOverlays().length == 0) {
@@ -480,7 +486,9 @@
                            }
                        }
                        var moralMask = new moralMap.Equipment(obj);
                        var moralDeviceWind = new moralMap.Device(obj);
                        moralMap.addOverlay(moralMask);
                        moralMap.addOverlay(moralDeviceWind);
                    }
                }
            }
@@ -629,7 +637,31 @@
                }
            }
        );
        //页面刷新

        var ws;
        if (typeof (WebSocket) === "undefined") {
            alert("您的浏览器不支持WebSocket");
        } else {
            ws = new WebSocket('ws://47.96.15.25:8080/screen/webSocket/' + orgId + '&' + regionCode);
            ws.onopen = function () {
            };

            //获得消息事件
            ws.onmessage = function (msg) {
                // $("#searchParam").val(JSON.parse(msg.data));
                moralMap.refreshWindDir(JSON.parse(JSON.parse(msg.data)));
                if (moralMap.showSensors && typeof (moralMap.showSensors) == "function") {
                    moralMap.showSensors(JSON.parse(JSON.parse(msg.data)));
                }
            };

            //关闭事件
            ws.onclose = function () {
            };
            //发生了错误事件
            ws.onerror = function () {
            };
        }

    })(jQuery);
    var _intervalNum = -1;
@@ -738,14 +770,14 @@
    function callJS(jsonData) {
        var jsonData = JSON.parse(jsonData);
        var methodName = jsonData.methodName;
        // $("#searchParam").val(JSON.stringify(jsonData));
        $("#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);
            // moralMap.showSensors(jsonData);
        }
    }
</script>