1. 程式人生 > 其它 >二三維GIS智慧環保應用平臺

二三維GIS智慧環保應用平臺

環境GIS綜合應用系統以二三維GIS平臺和基礎地理資料為支撐,整合各類環保業務資料建立環境專題圖,以直觀、形象的方式展示環境和汙染源的空間分佈規律,實現GIS資料與環境資料的整合管理、查詢統計、空間分析、專題分析、輔助決策及綜合展示等功能,方便使用者及時準確的瞭解和掌握環境汙染變化現狀和趨勢,為環境管理、環境規劃、巨集觀決策提供技術支援。

  該系統包括環境質量監測、汙染源監測、輔助決策、統計分析及一張圖管理五大功能模組,通過一張圖展示,實現環境水、環境空氣及汙染源監測監控直觀化;通過河流斷面快速溯源,實現汙染源企業定位精準化;通過水氣模擬分析,實現輔助決策智慧化;通過時空分析,實現環境與汙染源統計分析多維化;通過關聯企業一廠一檔資訊,實現汙染源企業全生命週期資訊檢視與管理。

  

  

  

  

  

  


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title data-i18n="resources.title_mapVLayerPolylineSimple"></title>
</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>
<script type="text/javascript" include="bootstrap,widgets.alert" src="../js/include-web.js"></script>
<script type="text/javascript" include="mapv" src="../../dist/classic/include-classic.js"></script>
<script type="text/javascript">
        var host = window.isLocal ? window.server : "https://iserver.supermap.io";
        var map, baseLayer, mapvLayer,
            url = host + "/iserver/services/map-china400/rest/maps/China_4326";

        init();

        function init() {
            if (!document.createElement('canvas').getContext) {
                widgets.alert.showAlert(resources.msg_supportCanvas, false);
                return;
            }

            map = new SuperMap.Map("map", {
                controls: [
                    new SuperMap.Control.Attribution(),
                    new SuperMap.Control.ScaleLine(),
                    new SuperMap.Control.Zoom(),
                    new SuperMap.Control.Navigation({
                        dragPanOptions: {
                            enableKinetic: true
                        }
                    })
                ]
            });
            baseLayer = new SuperMap.Layer.TiledDynamicRESTLayer("China", url, {
                transparent: true,
                cacheEnabled: true
            }, {
                maxResolution: "auto"
            });
            baseLayer.events.on({
                "layerInitialized": addLayer
            });
        }

        function addLayer() {
            map.addLayers([baseLayer]);
            map.setCenter(new SuperMap.LonLat(104, 34.7), 2);
            createMapVLayer();
        }

        //示例資料來源為百度MapV的加偏資料,iClient未做糾偏處理
        function createMapVLayer() {
            var randomCount = 1000;
            var data = [];
            var citys = [
                "北京", "天津", "上海", "重慶", "石家莊", "太原", "呼和浩特",
                "哈爾濱", "長春", "瀋陽", "濟南", "南京", "合肥", "杭州", "南昌",
                "福州", "鄭州", "武漢", "長沙", "廣州", "南寧", "西安", "銀川",
                "蘭州", "西寧", "烏魯木齊", "成都", "貴陽", "昆明", "拉薩", "海口"
            ];

            //自定義資料
            while (randomCount--) {
                var cityCenter1 = mapv.utilCityCenter.getCenterByCityName(citys[parseInt(Math.random() * citys.length)]);
                var cityCenter2 = mapv.utilCityCenter.getCenterByCityName(citys[parseInt(Math.random() * citys.length)]);
                data.push({
                    geometry: {
                        type: 'LineString',
                        coordinates: [
                            [cityCenter1.lng - 1 + Math.random() * 1, cityCenter1.lat - 1 + Math.random() *
                                1
                            ],
                            [cityCenter2.lng - 1 + Math.random() * 1, cityCenter2.lat - 1 + Math.random() *
                                1
                            ]
                        ]
                    },
                    count: 30 * Math.random()
                });
            }

            var dataSet = new mapv.DataSet(data);

            var options = {
                strokeStyle: 'rgba(255, 10, 50, 0.3)',
                shadowColor: 'rgba(255, 10, 50, 1)',
                shadowBlur: 20,
                lineWidth: 0.7,
                draw: 'simple'
            };

            mapvLayer = new SuperMap.Layer.MapVLayer("mapv", {
                dataSet: dataSet,
                options: options
            });
            map.addLayer(mapvLayer);

            setTimeout(function () {
                openToolTip(resources.text_iClient, map.getCenter());
            }, 1000);

        }

        function openToolTip(text, latLng) {
            var contentHTML = "<div style='width:216px; font-size:12px;font-weight:bold ; opacity: 0.8'>";
            contentHTML += text;
            contentHTML += "</div>";
            framedCloud = new SuperMap.Popup.FramedCloud(
                "chicken",
                latLng,
                null,
                contentHTML,
                null,
                true,
                null,
                true
            );
            map.addPopup(framedCloud);
        }
    </script>
</body>
</html>


技術交流 省涯 QQ:2252224326 [email protected] 版權所有 http://blog.sina.com.cn/u/6029512413