fuyuhang
/
Project_yhfu
réplica de http://121.37.83.100:3000/sooka_onest/sooka_onest_forestfire_vue2_visualization.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
							<!--********************************************************************
* Copyright© 2000 - 2021 SuperMap Software Co.Ltd. All rights reserved.
*********************************************************************-->

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title data-i18n='resources.title_spatialAnalysis'></title>
    <script type="text/javascript" src="../js/include-web.js"></script>
    <script type="text/javascript" include="iclient-leaflet-css,turf,xlsx" src="../../dist/leaflet/include-leaflet.js"></script>
    <style>
        .leaflet-popup,
        .leaflet-popup-content-wrapper {
            padding: 0;
        }
        .leaflet-popup-content {
            margin: 0;
        }
    </style>
</head>

<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
    <div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
    <div id="loading">....</div>
    <script type="text/javascript">
        var host = window.isLocal ? window.server : "https://iserver.supermap.io";
        var map, url = host + "/iserver/services/map-china400/rest/maps/ChinaDark";
        map = L.map('map', {
            crs: L.CRS.EPSG3857,
            center: [31.3677, 108.116],
            maxZoom: 20,
            minZoom: 3,
            zoom: 7
        });
        var baseLayer = L.supermap.tiledMapLayer(url).addTo(map);

        var control = L.control.layers().addTo(map).setPosition('topleft').addBaseLayer(baseLayer, 'baseLayer');
        
        // worker 路径，默认为 dist/leaflet/workers/TurfWorker.js
        var workerUrl = '../../dist/leaflet/workers/TurfWorker.js';
        var clientComputation = L.supermap.components.clientComputation(workerUrl).addTo(map);

        query();
        function query() {

            var queryUrl = "https://www.supermapol.com/iserver/services/map_ShiLiShuJu/rest/maps/中国历史5级以上地震_1900至2016@自然气候数据"
            var params = new SuperMap.QueryBySQLParameters({
                queryParams: {
                    name: "中国历史5级以上地震_1900至2016@自然气候数据",
                    attributeFilter: "SMID>0"
                }
            })

            L.supermap
                .queryService(queryUrl)
                .queryBySQL(params, function (serviceResult) {
                    var result = L.Util.transform(serviceResult.result.recordsets[0].features, L.CRS.EPSG3857, L.CRS.EPSG4326);
                    var resultLayer = L.geoJSON(result, {
                        style: { fillColor: '#ff7373', color: '#ff7373', opacity: 1, fillOpacity: 0.8 },
                        pointToLayer: function (geoJsonPoint, latLng) {
                            return L.circleMarker(latLng, { radius: 6, color: '#ff7373', fillColor: '#ff7373' })
                        }
                    }).addTo(map);

                    map.flyToBounds(resultLayer.getBounds());
                    control.addOverlay(resultLayer, resources.text_spatialAnalysisLayerName);

                    var setLayer = {
                        'layerName': resources.text_spatialAnalysisLayerName,
                        'layer': resultLayer,
                        'fields': ['震级', '深度', '经度', '纬度', 'SmID', 'SmX', 'SmY']
                    };
                    var clientComputationLayer = L.supermap.components.clientComputationLayer(setLayer);
                    clientComputation.addLayer(clientComputationLayer);
                });
        }

        // 打开文件
        var openFile = L.supermap.components.openFile().addTo(map).setPosition('bottomleft');

        openFile.viewModel.on('openfilesucceeded', function (e) {
            var layer = L.geoJSON(e.result, {
                style: { fillColor: '#ff7373', color: '#ff7373', opacity: 1, fillOpacity: 0.8 }
            }).addTo(map);
            var setLayer = {
                'layerName': e.layerName,
                'layer': layer
            };
            map.flyToBounds(layer.getBounds());
            control.addOverlay(layer, e.layerName);
            var clientComputationLayer = L.supermap.components.clientComputationLayer(setLayer);
            clientComputation.addLayer(clientComputationLayer);
        })

        clientComputation.on("analysissucceeded", function (e) {
            control.addOverlay(e.layer, e.name);
        })
        clientComputation.on("layersremoved", function (e) {
            for (var i in e.layers) {
                control.removeLayer(e.layers[i]);
            }
        })
    </script>
</body>

</html>