2. 程式人生 > 其它 >防汛視覺化指揮平臺“一張圖”技術研究

防汛視覺化指揮平臺“一張圖”技術研究

阿新 • • 發佈：2021-07-01

​

系統主要功能包括基礎地圖操作，如圖形控制、物件選取、地圖縮放、空間量算、動態圖例、態勢標會等功能;資訊資源視覺化應用，包括水系，水庫，山洪災害村，山洪易澇點，地質災害點，汛期臨時避險場所和安置點，重點企業等，每張圖整合了一種本地業務資料進行地圖空間表達，資料以專題圖形式準確標繪在相應座標點上，每個重點部位掛載了相關防汛資料，資料高度整合並結合空間資料的應用，為輔助指揮提供直觀表達，可靠依據，責任人資訊直達，充分體現了防汛指揮的“一張圖”思想，使“一股繩”宗旨得意有效落實，構建了上下聯動,統一行動，快速反應的防汛救災體系;實時險情檢測，物聯網系統與GIS系統整合，實時調取點位視訊影象，監測資訊，設定閥值，關聯告警，建立健全一套完整的快速反應防汛救災體系。

​

圖：危險河流

​

圖：動態標會

​

圖：危險地標


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title data-i18n="resources.title_buffersAnalystJobService"></title>
<script type="text/javascript" include="jquery,bootstrap,widgets" src="../js/include-web.js"></script>
<style>
        .control {
            position: absolute;
            top: 50px;
            right: 10px;
        }

        #map {
            position: absolute;
        }
    </style>
</head>
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
<div id="map" style="width: 100%;height:100%"></div>
<div id="control" class="control" style='width:350px'>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title" data-i18n="resources.text_buffersAnalystJobService"></h3>
</div>
<div class="panel-body">
<div class="input-group">
<span class="input-group-addon"><span data-i18n="resources.text_inputData"></span><span data-i18n="[title]resources.text_requiredField" style="color: red;"> * </span>　</span>
<input id="datasetName" type="text" class="form-control" value="samples_processing_newyorkPoint_P" />
</div>
<p></p>
<div class='input-group'>
<span class='input-group-addon' data-i18n="resources.text_analysisRange"></span>
<input id='bounds' type='text' class='form-control' value='-74.150, 40.550, -73.750, 40.950' />
</div>
<p></p>
<div class='input-group'>
<span class='input-group-addon' data-i18n="resources.text_bufferDistance"></span>
<input id='distace' type='text' class='form-control' value='15' />
</div>
<p></p>
<div class='input-group'>
<span class='input-group-addon' data-i18n="resources.text_bufferDistanceField"></span>
<input id='distanceField' type='text' class='form-control' value='pickup_latitude' />
</div>
<p></p>
<div class='input-group'>
<span class='input-group-addon' data-i18n="resources.text_bufferDistanceUnit"></span>
<select class='form-control' id='distanceUnit' name='distanceUnit'>
<option value='Meter' selected='selected'>Meter</option>
<option value='Kilometer'>Kilometer</option>
<option value='Yard'>Yard</option>
<option value='Foot'>Foot</option>
<option value='Mile'>Mile</option>
</select></div>
<p></p>
<div class='input-group'>
<span class='input-group-addon' data-i18n="resources.text_fusionField"></span>
<input id='dissoveField' type='text' class='form-control' value='pickup_longitude' />
</div>
<p></p>
<div align="right">
<input type="button" id='btn' class="btn btn-primary" data-i18n="[value]resources.text_analyst" />
</div>
</div>
</div>
</div>
<script type="text/javascript" src="../../dist/classic/include-classic.js"></script>
<script type="text/javascript">
        var host = window.isLocal ? window.server : "https://iserver.supermap.io";
        var resultLayer,
            processingsUrl = host + "/iserver/services/distributedanalyst/rest/v1/jobs",
            mapURL = host + "/iserver/services/map-world/rest/maps/World",
            map = new SuperMap.Map("map", {
                controls: [
                    new SuperMap.Control.Navigation(),
                    new SuperMap.Control.Zoom(),
                    new SuperMap.Control.LayerSwitcher()

                ],
                allOverlays: true
            });
        map.addControl(new SuperMap.Control.MousePosition());
        var layer = new SuperMap.Layer.TiledDynamicRESTLayer("World", mapURL, null, {
            maxResolution: "auto"
        });
        layer.events.on({
            "layerInitialized": addLayer
        });

        function addLayer() {
            map.addLayers([layer]);
            map.setCenter(new SuperMap.LonLat(-73.95, 40.75), 12);
        }

        var processingService = new SuperMap.REST.ProcessingService(processingsUrl, {
            withCredentials: window.isLocal
        });
        SuperMap.SecurityManager.registerToken(processingsUrl, window.exampleToken);

        function getBounds() {
            if ($('#bounds').val() === "") {
                return "";
            }
            var bounds = [];
            $('#bounds').val().split(',').map(function (el) {
                bounds.push(parseFloat(el));
            });
            return new SuperMap.Bounds(
                bounds[0],
                bounds[1],
                bounds[2],
                bounds[3]
            );
        }

        $('#btn').on('click', function () {
            if ($('#msg_container')[0]) {
                $('#msg_container').remove();
            }
            widgets.loader.showLoader();
            if (map && resultLayer) {
                map.removeLayer(resultLayer);
            }
            var buffersAnalystJobsParameter = new SuperMap.BuffersAnalystJobsParameter({
                datasetName: $('#datasetName').val(),
                bounds: getBounds(),
                distance: $('#distace').val(),
                distanceField: $('#distanceField').val(),
                distanceUnit: $('#distanceUnit option:selected').attr('value'),
                dissolveField: $('#dissoveField').val()
            });
            processingService.addBuffersJob(buffersAnalystJobsParameter, function (serviceResult) {
                if (serviceResult.error) {
                    widgets.loader.removeLoader();
                    var errorMsg = serviceResult.error.errorMsg || "code: " + serviceResult.error.code;
                    widgets.alert.showAlert(resources.msg_createFailed + "<br>" + errorMsg, false);
                    return;
                }
                serviceResult.result.setting.serviceInfo.targetServiceInfos.map(function (info) {
                    if (info.serviceType === 'RESTMAP') {
                        SuperMap.FetchRequest.get(info.serviceAddress + '/maps').then(function (
                            response) {
                            return response.json();
                        }).then(function (result) {
                            var mapUrl = result[0].path;
                            resultLayer = new SuperMap.Layer.TiledDynamicRESTLayer(
                                "resultLayer", mapUrl, {
                                    transparent: true
                                });
                            resultLayer.events.on({
                                "layerInitialized": addLayer
                            });

                            function addLayer() {
                                map.addLayer(resultLayer);
                                widgets.loader.removeLoader();
                            }
                        });
                    }
                });
            });
        });
    </script>
</body>
</html>


​

相關推薦

防汛視覺化指揮平臺“一張圖”技術研究

​ 系統主要功能包括基礎地圖操作，如圖形控制、物件選取、地圖縮放、空間量算、動態圖例、態勢標會等功能;資訊資源視覺化應用，包括水系，水庫，山洪災害村，山洪易澇點，地質災害點，汛期臨時避險場所和安置點，重

告別CNN？一張圖等於16x16個字，計算機視覺也用上Transformer了

編譯 |凱隱 出品 | AI科技大本營（ID:rgznai100） Transformer是由谷歌於2017年提出的具有里程碑意義的模型，同時也是語言AI革命的關鍵技術。在此之前的SOTA模型都是以迴圈神經網路為基礎（RNN, LSTM等）

聯想小新系列新品 5 月 1 日零點全平臺開售，一張圖看懂

4 月 30 日訊息聯想於 4 月 22 日晚召開了 YOGA× 小新春季新品釋出會，釋出了 多款小新系列膝上型電腦，分別搭載 AMD 銳龍 R5 5500U/5600U、R7 5700U、R7 5800H 等多款 AMD 處理器，此外小新 Pro 16 2021 酷睿獨顯

基於AI技術的“一張圖”的智慧園區數字孿生平臺

​ 智慧園區數字孿生平臺，是基於數字孿生建設理念，搭建面向應用、資料和AI分析的綜合服務中臺，結合行業建設經驗，打造賦能智慧園區建設的應用體系，形成的一套滿足智慧園區規劃、建設、管理、運營的智慧園區數字世

智慧工地支撐平臺工地一張圖線上管控平臺

​ 一、專案背景 　　工地一張圖線上管控平臺(也稱“智慧工地”)是指綜合運用移動應用、物聯網計算和大資料等技術，圍繞人員、機械、物料、環境等關鍵要素，建立資訊智慧採集、管理高效協同、資料科學分析、過程智慧

一張圖讓你看懂JVM之垃圾回收器詳解

前言 感謝讀者的反饋，在?圖中更新了新生代Eden區以及兩個Survivor區的預設空間佔比的分配表示，這裡按照10等份區分8/10、1/10、1/10分別表示8:1:1的關係，會更清晰點。新生代所採用的**“標記-複製-清除”的演演算

Python資料視覺化：畫餅狀圖、折線圖、圈圖

前言 本文的文字及圖片來源於網路,僅供學習、交流使用,不具有任何商業用途,版權歸原作者所有,如有問題請及時聯絡我們以作處理。

【轉】一張圖解析FastAdmin中的表格列表的功能

一張圖解析FastAdmin中的表格列表的功能 功能描述請根據圖片上的數字索引檢視對應功能說明。

一張圖解析FastAdmin中的FormBuilder表單生成器

點選檢視大圖 功能描述 在使用FastAdmin一鍵生成CRUD後，預設的生成的都是原生HTML的元件程式碼，會有許多不熟悉前端的小夥伴改動起來會比較費勁。其實在FastAdmin中有一個簡單的FormBuilder，但是它只能生成一些簡單

一張圖理解prototype、proto和constructor的三角關係

前面的話 　　javascript裡的關係又多又亂。作用域鏈是一種單向的鏈式關係，還算簡單清晰；this機制的呼叫關係，稍微有些複雜；而關於原型，則是prototype、proto和constructor的三角關係。本文先用一張圖開宗明義，

Python視覺化：matplotlib 製作雷達圖進行對比分析

前言 雷達圖的背景一圈一圈地像雷達，用多邊形來展現資料的大小，我認為比較適合用於有多種不同維度的情形，是發現差距的一種好工具。

放大鏡效果，用一張圖做放大鏡（用一張圖完成一套圖放大鏡效果）

效果如下： html程式碼： <div class=\"box\"> <div class=\"middle\"> <img src=\"\" alt=\"\">

一張圖告訴你，如何構建內網隱蔽通道

構建內網隱蔽通道，從而突破各種安全策略限制，實現對目標伺服器的完美控制。

轉：一張圖告訴你，如何構建內網隱蔽通道

轉載地址：https://www.cnblogs.com/xiaozi/p/13603926.html 構建內網隱蔽通道，從而突破各種安全策略限制，實現對目標伺服器的完美控制。

Android 一張圖理解getWidth和getMeasuredWidth

>>> view.getMeasuredHeight()可能隱藏在上頭.可能在下頭.如果view沒有超出螢幕的時候view.getMeasuredHeight() 有可能小於 view.getHeight()

Win10 S與Win10專業版/家庭版有何區別？一張圖告訴你

Win10 S與Win10專業版/家庭版有何區別？Win10 S是5月2日微軟推出的全新系統，是專為教育市場而打造的系統，那麼Win10 S與Win10專業版/家庭版有何區別呢？下面小編給大家整理了一張表格，讓你看圖秒懂Win10 S與Win10專

一張圖助你掌握ansible

常見的開源自動化運維工具比較 puppet(拓展) 基於ruby語言，成熟穩定。適合於大型架構，相對於ansible和saltstack會複雜些。saltstack(拓展) 基於python語言。相對簡單，大併發能力比ansible要好, 需要維護

小間距LED視覺化監控平臺在煤礦行業的應用例項

小間距LED視覺化監控平臺在煤礦行業的應用有哪些？ 建設背景： 煤礦行業工作現場環境惡劣、危險要素眾多，礦井幾乎處於“不可視”狀態，這增加了監管、及時處理突發事件的難度。

一張圖讀懂 OPPO 智慧電視 S1/R1

10月19日訊息在今日晚間的 OPPO 智美生活釋出會上，OPPO 釋出了智慧電視 OPPO TV S1和OPPO TV R1。

一張圖看清中西文化差異 [圖]

畫冊的作者劉揚，生於北京，13歲時隨父母遷居德國，後考入柏林藝術大學。畢業後劉揚遊歷於倫敦、紐約等地，2004年起在柏林成個人設計工作室。多年在東西社會以及不同文化中的生活經歷，讓她對文化差異有特