fuyuhang
/
Project_yhfu
zrkadlo http://121.37.83.100:3000/sooka_onest/sooka_onest_forestfire_vue2_visualization.git


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283
							<!--********************************************************************
* Copyright© 2000 - 2021 SuperMap Software Co.Ltd. All rights reserved.
*********************************************************************-->
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title data-i18n="resources.title_interpolationAnalystByGeo"></title>
    <script type="text/javascript" src="../js/include-web.js"></script>
    <script type="text/javascript" src="../../dist/ol/include-ol.js"></script>
</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>
<script type="text/javascript">
    var map, options, interpolationAnalystService, interpolationAnalystParameters, interpolationAnalystResult, points,
        themeService, themeGridRange, themeParameters,
        baseUrl = (window.isLocal ? window.server : "https://iserver.supermap.io")+"/iserver/services/map-temperature/rest/maps/全国温度变化图",
        serviceUrl = (window.isLocal ? window.server : "https://iserver.supermap.io")+"/iserver/services/spatialanalyst-sample/restjsr/spatialanalyst";
    var mapService = new ol.supermap.MapService(baseUrl);
    var extent = [-2640403.63, 1873792.1, 3247669.39, 5921501.4];
    var projection = new ol.proj.Projection({
        code:'',
        extent: extent,
        units: 'm'
    });
    mapService.getMapInfo(function (serviceResult) {
        var mapJSONObj = serviceResult.result;
        map = new ol.Map({
            target: 'map',
            controls: ol.control.defaults({attributionOptions: {collapsed: false}})
                .extend([new ol.supermap.control.Logo()]),
            view: new ol.View({
                center: [531762, 3580330],
                zoom: 1,
                projection: projection,
                multiWorld: true
            })
        });
        options = ol.source.TileSuperMapRest.optionsFromMapJSON(baseUrl, mapJSONObj);
        options.layersID = "[0,1,2]";
        var layer = new ol.layer.Tile({
            source: new ol.source.TileSuperMapRest(options)
        });
        map.addLayer(layer);
        interpolationAnalystProcess();
    });

    function interpolationAnalystProcess() {
        //通过SQL查询的方法获取用于插值分析的geometry
        var queryBySQLParams, queryBySQLService;
        queryBySQLService = new ol.supermap.QueryService(baseUrl);
        queryBySQLParams = new SuperMap.QueryBySQLParameters({
            queryParams: [
                new SuperMap.FilterParameter({
                    name: "SamplesP@Interpolation",
                    attributeFilter: "SMID>0"
                })
            ]
        });
        queryBySQLService.queryBySQL(queryBySQLParams, function (serviceResult) {
            var result = serviceResult.result;
            var z;
            var zMin = parseFloat(-5), zMax = parseFloat(28);
            points = [];
            if (result) {
                for (var i = 0; i < result.recordsets[0].features.features.length; i++) {
                    gp = result.recordsets[0].features.features[i].geometry;
                    var point = new ol.geom.Point([gp.coordinates[0], gp.coordinates[1]]);
                    //每个插值点在插值过程中的权重值
                    z = Math.random() * (zMax - zMin) + zMin;
                    point.tag = z;
                    points.push(point);
                }
            }

            //创建离散点插值分析服务实例
            interpolationAnalystService = new ol.supermap.SpatialAnalystService(serviceUrl);
            //创建离散点插值分析参数实例
            interpolationAnalystParameters = new SuperMap.InterpolationIDWAnalystParameters({
                // 插值分析类型,geometry类型表示对离散点插值分析,默认为“dataset”
                InterpolationAnalystType: "geometry",
                // 插值分析结果数据集的名称
                outputDatasetName: "IDWcretePoints_result",
                // 插值分析结果数据源的名称
                outputDatasourceName: "Interpolation",
                // 结果栅格数据集存储的像素格式
                pixelFormat: SuperMap.PixelFormat.BIT16,
                // 用于做插值分析的离散点集合
                inputPoints: points,
                // 属性过滤条件
                //            filterQueryParameter: {
                //                attributeFilter: ""
                //            },
                // 采取定长查找参与运算点的方式
                searchMode: "KDTREE_FIXED_RADIUS",
                // 查找半径,与点数据单位相同
                searchRadius: 200,
                resolution: 9000,
                bounds: [-2640403.63, 1873792.1, 3247669.39, 5921501.4]
            });
            interpolationAnalystService.interpolationAnalysis(interpolationAnalystParameters, function (serviceResult) {
                interpolationAnalystResult = serviceResult.result;
                //用栅格专题图展示分析结果
                showAnalysisResult_ThemeGridRange();
            });
        });


        //构造栅格专题图
        function showAnalysisResult_ThemeGridRange() {
            //创建专题图服务实例
            themeService = new ol.supermap.ThemeService(baseUrl);
            var color1 = new SuperMap.ServerColor(170, 240, 233),
                color2 = new SuperMap.ServerColor(176, 244, 188),
                color3 = new SuperMap.ServerColor(218, 251, 178),
                color4 = new SuperMap.ServerColor(220, 236, 145),
                color5 = new SuperMap.ServerColor(96, 198, 66),
                color6 = new SuperMap.ServerColor(20, 142, 53),
                color7 = new SuperMap.ServerColor(85, 144, 55),
                color8 = new SuperMap.ServerColor(171, 168, 38),
                color9 = new SuperMap.ServerColor(235, 165, 9),
                color10 = new SuperMap.ServerColor(203, 89, 2),
                color11 = new SuperMap.ServerColor(157, 25, 1),
                color12 = new SuperMap.ServerColor(118, 15, 3),
                color13 = new SuperMap.ServerColor(112, 32, 7),
                color14 = new SuperMap.ServerColor(106, 45, 12),
                color15 = new SuperMap.ServerColor(129, 80, 50),
                color16 = new SuperMap.ServerColor(160, 154, 146),
                color17 = new SuperMap.ServerColor(107, 47, 14),
                color18 = new SuperMap.ServerColor(125, 75, 44),
                color19 = new SuperMap.ServerColor(146, 110, 88),
                color20 = new SuperMap.ServerColor(166, 153, 146);

            var themeGridRangeItem1 = new SuperMap.ThemeGridRangeItem({
                    start: -5,
                    end: -3.4,
                    color: color1
                }),
                themeGridRangeItem2 = new SuperMap.ThemeGridRangeItem({
                    start: -3.4,
                    end: -1.8,
                    color: color2
                }),
                themeGridRangeItem3 = new SuperMap.ThemeGridRangeItem({
                    start: -1.8,
                    end: -0.2,
                    color: color3
                }),
                themeGridRangeItem4 = new SuperMap.ThemeGridRangeItem({
                    start: -0.2,
                    end: 1.4,
                    color: color4
                }),
                themeGridRangeItem5 = new SuperMap.ThemeGridRangeItem({
                    start: 1.4,
                    end: 3,
                    color: color5
                }),
                themeGridRangeItem6 = new SuperMap.ThemeGridRangeItem({
                    start: 3,
                    end: 4.6,
                    color: color6
                }),
                themeGridRangeItem7 = new SuperMap.ThemeGridRangeItem({
                    start: 4.6,
                    end: 6.2,
                    color: color7
                }),
                themeGridRangeItem8 = new SuperMap.ThemeGridRangeItem({
                    start: 6.2,
                    end: 7.8,
                    color: color8
                }),
                themeGridRangeItem9 = new SuperMap.ThemeGridRangeItem({
                    start: 7.8,
                    end: 9.4,
                    color: color9
                }),
                themeGridRangeItem10 = new SuperMap.ThemeGridRangeItem({
                    start: 9.4,
                    end: 11,
                    color: color10
                }),
                themeGridRangeItem11 = new SuperMap.ThemeGridRangeItem({
                    start: 11,
                    end: 12.6,
                    color: color11
                }),
                themeGridRangeItem12 = new SuperMap.ThemeGridRangeItem({
                    start: 12.6,
                    end: 14.2,
                    color: color12
                }),
                themeGridRangeItem13 = new SuperMap.ThemeGridRangeItem({
                    start: 14.2,
                    end: 15.8,
                    color: color13
                }),
                themeGridRangeItem14 = new SuperMap.ThemeGridRangeItem({
                    start: 15.8,
                    end: 17.4,
                    color: color14
                }),
                themeGridRangeItem15 = new SuperMap.ThemeGridRangeItem({
                    start: 17.4,
                    end: 19,
                    color: color15
                }),
                themeGridRangeItem16 = new SuperMap.ThemeGridRangeItem({
                    start: 19,
                    end: 20.6,
                    color: color16
                }),
                themeGridRangeItem17 = new SuperMap.ThemeGridRangeItem({
                    start: 20.6,
                    end: 22.2,
                    color: color17
                }),
                themeGridRangeItem18 = new SuperMap.ThemeGridRangeItem({
                    start: 22.2,
                    end: 23.8,
                    color: color18
                }),
                themeGridRangeItem19 = new SuperMap.ThemeGridRangeItem({
                    start: 23.8,
                    end: 25.4,
                    color: color19
                }),
                themeGridRangeItem20 = new SuperMap.ThemeGridRangeItem({
                    start: 25.4,
                    end: 27,
                    color: color20
                });

            themeGridRange = new SuperMap.ThemeGridRange({
                reverseColor: false,
                rangeMode: SuperMap.RangeMode.EQUALINTERVAL,
                //栅格分段专题图子项数组
                items: [themeGridRangeItem1, themeGridRangeItem2,
                    themeGridRangeItem3, themeGridRangeItem4,
                    themeGridRangeItem5, themeGridRangeItem6,
                    themeGridRangeItem7, themeGridRangeItem8,
                    themeGridRangeItem9, themeGridRangeItem10,
                    themeGridRangeItem11, themeGridRangeItem12,
                    themeGridRangeItem13, themeGridRangeItem14,
                    themeGridRangeItem15, themeGridRangeItem16,
                    themeGridRangeItem17, themeGridRangeItem18,
                    themeGridRangeItem19, themeGridRangeItem20
                ]
            });

            themeParameters = new SuperMap.ThemeParameters({
                //制作专题图的数据集
                datasetNames: [interpolationAnalystResult.dataset.split('@')[0]],
                dataSourceNames: ["Interpolation"],
                joinItems: null,
                themes: [themeGridRange]
            });

            themeService.getThemeInfo(themeParameters, function (serviceResult) {
                var result = serviceResult.result;
                if (result && result.newResourceID) {
                    var themeLayer = new ol.layer.Tile({
                        source: new ol.source.TileSuperMapRest({
                            url: baseUrl,
                            noWrap: true,
                            cacheEnabled: false,
                            transparent: true,
                            layersID: result.newResourceID,
                            tileGrid: new ol.tilegrid.TileGrid({
                                extent: extent,
                                resolutions: options.tileGrid.getResolutions()
                            }),
                        })
                    });
                    map.addLayer(themeLayer);
                }
            });
        }
    }
</script>
</body>
</html>