“互联网+”共享共治智慧水务系统研究

智慧水务项目是利用“互联网+”共享共治，通过“一数一源，一源多用”的水务资源共享交换功能及“一个中心、一张网、一个平台、一张图表、一套标准”的应用模式，推进政务资源整合，助力水资源规划、调度、保护和管理，实现水资源环境的综合监测和综合利用，实现向现代水务、智慧水务、可持续发展水务的转变。

　　项目内容包括：建立水务大数据中心;构建水务应用标准体系;搭建水务应用服务支撑环境;建设河长制管理系统、饮用水水源地安全管理系统、防汛抗旱指挥管理系统、水务工程项目管理系统、水务在线办公系统、名泉保护管理系统、城乡供水管理系统、城市排水管理系统、污水处理管理系统等。智慧水务建设按照“五个一”要求，即“一个中心、一张网、一个平台、一张图表、一套标准”进行建设。

　　1、大数据中心

　　大数据中心标准和规范体系建设、水务数据采集与集成、数据共享交换以及大数据分析、展示。

　　2、地理信息支撑服务

　　二三维基础地理信息空间平台建设、水务地理信息空间基础数据库、专题数据展示、专题数据库构建、数据服务发布与接口管理、试点狼猫山水库三维制作。

　　3、统一应用支撑服务

　　统一用户、统一门户、工作流引擎、内容管理、统一移动终端、短信服务系统、统一搜索引擎以及统一报表工具等

　　4、视频大数据集成服务

　　视频数据事件分析标注、视频浓缩摘要处理和存储管理、视频编辑检索回放。

　　5、九大业务系统建设与集成

　　河湖长制管理、防汛抗旱指挥管理、饮用水水源地水质水量安全管理建设等。


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title data-i18n="resources.title_SummaryMeshJobService"></title>
<style>
        .control {
            position: absolute;
            top: 50px;
            right: 10px;
        }

        #map {
            position: absolute;
        }
    </style>
</head>
<body style=" margin: 0;overflow: hidden;background: #fff; 100%;height:100%;position: absolute;top: 0;">
<div id="map" style=" 100%;height:100%"></div>
<div id="control" class="control" style='350px'>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title" data-i18n="resources.title_SummaryMeshJobService"></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_newyork_taxi_2013-01_14k" />
</div>
<p>
<div class="input-group">
<span class="input-group-addon"><span data-i18n="resources.text_polymerizationType"></span><span data-i18n="[title]resources.text_requiredField" style="color: red;"> * </span>　</span>
<select class="form-control" id="type" name="clientType">
<option value="SUMMARYMESH" data-i18n="resources.text_polymerizationMesh" selected="selected"></option>
<option value="SUMMARYREGION" data-i18n="resources.text_polymerizationRegion"></option>
</select>
</div>
<p>
<div id="summarymeshS">
<div class="input-group">
<span class="input-group-addon"><span data-i18n="resources.text_meshSurfaceType"></span><span data-i18n="[title]resources.text_requiredField" style="color: red;"> * </span></span>
<select class="form-control" id="meshType" name="clientType">
<option value="0" data-i18n="resources.text_4grid" selected="selected"></option>
<option value="1" data-i18n="resources.text_6grid"></option>
</select>
</div>
<p>
<div class="input-group">
<span class="input-group-addon" data-i18n="resources.text_analysisRange"></span>
<input id="query" type="text" class="form-control" value="-74.150, 40.550, -73.750, 40.950" />
</div>
<p>
<div class="input-group">
<span class="input-group-addon"><span data-i18n="resources.text_resolution"></span><span data-i18n="[title]resources.text_requiredField" style="color: red;"> *
</span>　　</span>
<input id="resolution" type="text" class="form-control" value="100" />
</div>
<p>
</div>
<div id="summaryregionS" style="display: none">
<div class="input-group">
<span class="input-group-addon" data-i18n="resources.text_regionDataset"></span>
<select class="form-control" id="regionDataset" name="clientType">
<option value="samples_processing_newyorkZone_R" selected="selected">
samples_processing_newyorkZone_R
</option>
<option value="samples_processing_singleRegion_R">samples_processing_singleRegion_R
</option>
</select>
</div>
<p>
</div>
<div class="input-group">
<span class="input-group-addon" data-i18n="resources.text_statisticModes"></span>
<input id="statisticModes" type="text" class="form-control" value="max" />
</div>
<p>
<div class="input-group">
<span class="input-group-addon" data-i18n="resources.text_weightField"></span>
<input id="fields" type="text" class="form-control" value="col7" />
</div>
<p>
<div align="right">
<input type="button" id='btn' class="btn btn-primary" data-i18n="[value]resources.btn_polymerization" />
</div>
</div>
</div>
<script type="text/javascript" include="jquery,bootstrap,widgets" src="../js/include-web.js"></script>
<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);
            $("#type").change(function (e) {
                if (e.target.selectedIndex === 0) {
                    $("#summarymeshS").show();
                    $("#summaryregionS").hide();
                    return;
                }
                $("#summarymeshS").hide();
                $("#summaryregionS").show();
            });

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

            $('#btn').on('click', function () {
                if ($('#msg_container')[0]) {
                    $('#msg_container').remove();
                }
                widgets.loader.showLoader();
                if (map && resultLayer) {
                    map.removeLayer(resultLayer);
                }
                var summaryMeshJobParameter = new SuperMap.SummaryMeshJobParameter({
                    datasetName: $('#datasetName').val(),
                    resolution: $('#resolution').val(),
                    meshType: $('#meshType option:selected').attr('value'),
                    fields: $('#fields').val(),
                    query: getQuery(),
                    statisticModes: $('#statisticModes').val(),
                    type: $('#type option:selected').attr('value'),
                    regionDataset: $('#regionDataset option:selected').attr('value')
                });
                processingService.addSummaryMeshJob(summaryMeshJobParameter, 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>