{"version":3,"sources":["webpack:///./src/views/MapBasic.vue","webpack:///src/views/MapBasic.vue","webpack:///./src/views/MapBasic.vue?0411","webpack:///./src/views/MapBasic.vue?128c","webpack:///./src/views/MapBasic.vue?dd98"],"names":["render","_vm","this","_c","_self","attrs","on","$event","switchLayer","openLayers","Layer","CropAlert","staticRenderFns","data","Map","Zoom","ZoomMax","ZoomMin","ZoomChange","Default","Target","CenterLat","CenterLon","Tile","Value","EMAP16","PHOTO2","EMAP9","Radar","Rain","Raingauge","Choose","Style","aFeature","console","log","values_","Town_ID","window","vue","stroke","Stroke","color","width","fill","Fill","zIndex","watch","val","hideAllBaseLayer","setVisible","mounted","initBaseLayer","initMap","created","destroyed","methods","_this","source","XYZ","url","ImageLayer","visible","Static","imageExtent","transformExtent","VectorLayer","VectorSource","format","KML","getStandardVectorPlane","style","source_url","onLoad","Param","mResponseText","XMLHttpRequest","responseText","mFeatures","GeoJSON","readFeatures","featureProjection","Projection","getSource","addFeatures","set","target","controls","layers","view","View","maxZoom","minZoom","center","fromLonLat","zoom","e","pixel","click_event","forEachFeatureAtPixel","feature","layer","push","length","mLayer","mFeature","mLayerId","get","種植面積_","changed","state","addLayer","removeLayer","zoomIn","getView","animate","getZoom","zoomOut","option","undefined","source_format","source_projection","aXMLHttpRequest","onError","alert","mVector","projection","loader","sourceExtent","resolution","mXMLHttpRequest","open","onerror","onload","status","SourceExtent","Resolution","send","component"],"mappings":"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","file":"static/js/chunk-32f5351e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',[_c('input',{attrs:{\"type\":\"button\",\"value\":\"行政區\"},on:{\"click\":function($event){return _vm.switchLayer(_vm.openLayers.Layer.CropAlert,true)}}})]),_c('div',{attrs:{\"id\":\"map\"}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div>\r\n            <!--\r\n            <input type=\"button\" value=\"EMAP16\" @click=\"openLayers.Layer.Tile.Value = 'EMAP16'\" />\r\n            <input type=\"button\" value=\"PHOTO2\" @click=\"openLayers.Layer.Tile.Value = 'PHOTO2'\" />\r\n            <input type=\"button\" value=\"EMAP9\" @click=\"openLayers.Layer.Tile.Value = 'EMAP9'\" />\r\n            -->\r\n\r\n            <!--\r\n            <input type=\"button\" value=\"雷達回波\" @click=\"switchLayer(openLayers.Layer.Radar,true)\" />\r\n            <input type=\"button\" value=\"雨量觀測-日累積圖\" @click=\"switchLayer(openLayers.Layer.Rain,true)\" />\r\n            <input type=\"button\" value=\"即時24小時累積雨量整合雷達回波估計圖\" @click=\"switchLayer(openLayers.Layer.Raingauge,true)\" />\r\n            -->\r\n            <input type=\"button\" value=\"行政區\" @click=\"switchLayer(openLayers.Layer.CropAlert,true)\" />\r\n                \r\n            \r\n            <!--\r\n            <input type=\"button\" value=\"zoomIn\" @click=\"zoomIn()\" />\r\n            <input type=\"button\" value=\"zoomOut\" @click=\"zoomOut()\" />\r\n            -->\r\n\r\n        </div>\r\n        <div id=\"map\"></div>  \r\n    </div>\r\n    \r\n</template>\r\n<script>\r\n\r\nimport Map from 'ol/Map';\r\nimport View from 'ol/View';\r\nimport { XYZ, \r\n         Vector as VectorSource, \r\n         ImageStatic as Static \r\n        } from \"ol/source\";\r\nimport { fromLonLat, transformExtent } from \"ol/proj\";\r\nimport { Tile,\r\n         Vector as VectorLayer,\r\n         Image as ImageLayer, \r\n        } from \"ol/layer\";\r\nimport KML from \"ol/format/KML\";\r\nimport GeoJSON from \"ol/format/GeoJSON\";\r\nimport { Fill, Stroke, Style } from \"ol/style\";\r\n\r\n    export default {\r\n        data() {\r\n            return {\r\n\r\n                openLayers:{\r\n                    //地圖物件\r\n                    Map:null,\r\n                    //目前地圖的視野\r\n                    Zoom:10,\r\n                    //地圖最大視野\r\n                    ZoomMax:15,\r\n                    //地圖最小視野\r\n                    ZoomMin:5,\r\n                    //行政區和大區之間切換的視野\r\n                    ZoomChange:11,\r\n                    //地圖預設值\r\n                    Default:\r\n                    {\r\n                        //容器的ID\r\n                        Target:'map',\r\n                        //緯度\r\n                        CenterLat:22.6189343,\r\n                        //經度\r\n                        CenterLon:120.2675308,\r\n                        //視野(Zoom)\r\n                        Zoom:10,\r\n                    },\r\n                    //相關圖層\r\n                    Layer:{\r\n                        //底圖\r\n                        Tile:{\r\n                            //目前選擇的底圖\r\n                            Value:\"EMAP16\",\r\n                            //臺灣通用電子地圖(不含等高線及門牌)\r\n                            EMAP16:null,\r\n                            //正射影像圖(通用)\r\n                            PHOTO2:null,\r\n                            //臺灣通用電子地圖(無鐵公路)\r\n                            EMAP9:null\r\n                        },\r\n                        //雷達回波\r\n                        Radar:null,\r\n                        //雨量觀測-日累積圖\r\n                        Rain:null,\r\n                        //即時24小時累積雨量整合雷達回波估計圖\r\n                        Raingauge:null,\r\n\r\n                        //作物預警\r\n                        CropAlert:null,\r\n                    },\r\n                    //相關圖層(當下選擇)\r\n                    Choose:{\r\n\r\n                        //作物預警\r\n                        CropAlert:\"\"\r\n                    },\r\n                    //相關圖層(樣式)\r\n                    Style:{\r\n\r\n                        //作物預警\r\n                        CropAlert:function(aFeature){\r\n\r\n                            console.log(\"CropAlert\");\r\n\r\n                            if(aFeature.values_.Town_ID == window.vue.openLayers.Choose.CropAlert){\r\n\r\n                                return new Style({\r\n            \r\n                                    //區塊外框線\r\n                                    stroke: new Stroke({\r\n                                    //外框線顏色\r\n                                    color: \"#FF0000\",\r\n                                    //外框線寬度\r\n                                    width: 2\r\n                                    }),\r\n\r\n                                    //區塊樣式\r\n                                    fill: new Fill({\r\n                                    color: \"rgba(0, 0, 0, 0)\",\r\n                                    }),\r\n                                            \r\n                                    //為了讓選擇的圖示，別被其他圖示蓋過，所以zIndex加大\r\n                                    zIndex: 11001,   //備註 zIndex 越大會越上層\r\n                                });\r\n\r\n                            }else{\r\n\r\n                                return new Style({\r\n            \r\n                                    //區塊外框線\r\n                                    stroke: new Stroke({\r\n                                    //外框線顏色\r\n                                    color: \"#000000\",\r\n                                    //外框線寬度\r\n                                    width: 2\r\n                                    }),\r\n\r\n                                    //區塊樣式\r\n                                    fill: new Fill({\r\n                                    color: \"rgba(0, 0, 0, 0)\",\r\n                                    }),\r\n                                            \r\n                                    //為了讓選擇的圖示，別被其他圖示蓋過，所以zIndex加大\r\n                                    zIndex: 11000,   //備註 zIndex 越大會越上層\r\n                                });\r\n\r\n                            }\r\n                        },\r\n                    },\r\n                }\r\n                \r\n            }\r\n        },\r\n        watch: {\r\n\r\n            //圖層-底圖(選擇)\r\n            \"openLayers.Layer.Tile.Value\":function(val) \r\n            {  \r\n                this.hideAllBaseLayer();\r\n\r\n                switch (val)\r\n                {\r\n                    case \"EMAP16\":\r\n                    this.openLayers.Layer.Tile.EMAP16.setVisible(true);\r\n                    break;\r\n                    case \"PHOTO2\":\r\n                    this.openLayers.Layer.Tile.PHOTO2.setVisible(true);\r\n                    break;\r\n                    case \"EMAP9\": \r\n                    this.openLayers.Layer.Tile.EMAP9.setVisible(true);\r\n                    break;   \r\n                    default: \r\n                }    \r\n            },\r\n        },\r\n        mounted(){\r\n\r\n            this.initBaseLayer();\r\n            this.initMap();\r\n        },\r\n        created() {\r\n            window.vue = this;  //在created方法中，將變數全局化，主控台可用 window.vue._data 調閱或呼叫(若不用可以直接遮罩)\r\n                                //例如:window.vue._data.map.getCesiumScene().setEnabled(false);\r\n        },\r\n        destroyed() {\r\n\r\n        },\r\n        methods: {\r\n\r\n            // 初始(底圖)\r\n            initBaseLayer:function(){\r\n\r\n                const _this = this;\r\n\r\n                this.openLayers.Layer.Tile.EMAP16 = new Tile({\r\n                    //maxZoom: 21,\r\n                    source: new XYZ({\r\n                        url: \"http://wmts.nlsc.gov.tw/wmts/EMAP16/default/EPSG:3857/{z}/{y}/{x}\"\r\n                    }),\r\n                });\r\n\r\n                this.openLayers.Layer.Tile.PHOTO2 = new Tile({\r\n                    //maxZoom: 21,\r\n                    source: new XYZ({\r\n                        url: \"http://wmts.nlsc.gov.tw/wmts/PHOTO2/default/EPSG:3857/{z}/{y}/{x}\"\r\n                    }),\r\n                });\r\n\r\n                this.openLayers.Layer.Tile.EMAP9 = new Tile({\r\n                    //maxZoom: 21,\r\n                    source: new XYZ({\r\n                        url: \"http://wmts.nlsc.gov.tw/wmts/EMAP9/default/EPSG:3857/{z}/{y}/{x}\"\r\n                    }),\r\n                });\r\n\r\n\r\n                // 雷達回波 \r\n                this.openLayers.Layer.Radar = new ImageLayer({   \r\n                    visible: true,\r\n                    source: new Static({\r\n                        url: \"WeatherLayers/HDMOS/HDMOS.radar.png\",\r\n                        imageExtent: transformExtent(\r\n                        [115.0, 19.2, 129.22, 27.2],\r\n                        \"EPSG:4326\",\r\n                        \"EPSG:3857\"\r\n                        ),\r\n                    }),\r\n                });\r\n\r\n                // 雨量觀測-日累積圖\r\n                this.openLayers.Layer.Rain = new ImageLayer({  \r\n                    visible: true,\r\n                    source: new Static({\r\n                        url: \"WeatherLayers/O-A0040-003/O-A0040-003/0/0/0.png\",\r\n                        imageExtent: transformExtent(\r\n                        [119.188024, 21.523313, 123.578233, 25.918078],\r\n                        \"EPSG:4326\",\r\n                        \"EPSG:3857\"\r\n                        ),\r\n                    }),\r\n                });\r\n\r\n                // 即時24小時累積雨量整合雷達回波估計圖\r\n                this.openLayers.Layer.Raingauge = new VectorLayer({ \r\n                    visible: true,\r\n                    source: new VectorSource({\r\n                        url: \"WeatherLayers/raingauge_kridmap/kridmap/base.kml\",\r\n                        format: new KML(),\r\n                    }),\r\n                });\r\n\r\n                // 作物預警(雲林行政區)\r\n                this.openLayers.Layer.CropAlert  = this.getStandardVectorPlane({\r\n\r\n                    style: this.openLayers.Style.CropAlert,\r\n                    source_url: \"GeoJSON/yunlin.geojson\",\r\n                    //source_projection:\"EPSG:3826\",\r\n                    onLoad:function(Param){\r\n\r\n                        var mResponseText = Param.XMLHttpRequest.responseText;\r\n                        //若坐標系是TWD97請用這個\r\n                        //var mFeatures = (new GeoJSON()).readFeatures(mResponseText);\r\n                        \r\n                        //若坐標系是經緯度請用這個\r\n                        var mFeatures = (new GeoJSON()).readFeatures(mResponseText,{ featureProjection: Param.Projection });  \r\n                        _this.openLayers.Layer.CropAlert.getSource().addFeatures(mFeatures);\r\n                    }\r\n                });\r\n                this.openLayers.Layer.CropAlert.set(\"LayerId\", \"CropAlert\");\r\n\r\n            },\r\n\r\n            // 隱藏所有(底圖)\r\n            hideAllBaseLayer:function(){\r\n\r\n                this.openLayers.Layer.Tile.EMAP16.setVisible(false);\r\n                this.openLayers.Layer.Tile.PHOTO2.setVisible(false);\r\n                this.openLayers.Layer.Tile.EMAP9.setVisible(false);\r\n            },\r\n\r\n            //初始地圖\r\n            initMap: function () { \r\n                \r\n                const _this = this;\r\n\r\n                this.openLayers.Map = new Map({\r\n                    target: _this.openLayers.Default.Target,\r\n                    //把預設的地圖控制項清空\r\n                    controls:[],\r\n                    //底圖\r\n                    layers: [\r\n                        _this.openLayers.Layer.Tile.EMAP16,\r\n                        _this.openLayers.Layer.Tile.PHOTO2,\r\n                        _this.openLayers.Layer.Tile.EMAP9\r\n                    ],\r\n                    view: new View({\r\n                        maxZoom: _this.openLayers.ZoomMax,\r\n                        minZoom: _this.openLayers.ZoomMin,\r\n                        center: fromLonLat([_this.openLayers.Default.CenterLon, _this.openLayers.Default.CenterLat]),\r\n                        zoom: _this.openLayers.Default.Zoom\r\n                    })\r\n                });\r\n\r\n                //當地圖點擊觸發\r\n                this.openLayers.Map.on('click', function (e) {\r\n\r\n                    var pixel = e.pixel;\r\n                    var click_event = [];\r\n\r\n                    //取得所以被觸發的圖層，並將它堆疊再一起\r\n                    _this.openLayers.Map.forEachFeatureAtPixel(pixel, function(feature, layer) \r\n                    {\r\n                        click_event.push({feature:feature,layer:layer});\r\n                    });\r\n\r\n                    if(click_event.length > 0) \r\n                    {\r\n                        //僅取第一個被觸發的圖層\r\n                        var mLayer = click_event[0].layer;\r\n                        var mFeature = click_event[0].feature;\r\n                        var mLayerId = mLayer.get(\"LayerId\");\r\n                        \r\n                        switch(mLayerId){\r\n\r\n                            //作物預警圖層\r\n                            case 'CropAlert':\r\n\r\n                                //當種植面積大於0，點選才做選擇\r\n                                if(mFeature.values_.種植面積_ > 0)\r\n                                {\r\n                                    _this.openLayers.Choose.CropAlert = mFeature.values_.Town_ID;\r\n                                    //因為這版本openLayers 的 getSource().refresh() 會有閃現的情況，目前觀察他是整個會重載GeoJson\r\n                                    //所以改成 getSource().changed(); 僅刷新並不會重載\r\n                                    //_this.openLayers.Layer.CropAlert.getSource().refresh();\r\n                                    _this.openLayers.Layer.CropAlert.getSource().changed();\r\n                                }\r\n                            break;\r\n                            default:\r\n                        }   \r\n\r\n                    }\r\n\r\n                });\r\n\r\n            },\r\n\r\n            //切換圖層(state=true 加入地圖、state=false 從地圖移除)\r\n            switchLayer: function(layer,state){\r\n\r\n                if(state)\r\n                {\r\n                    this.openLayers.Map.addLayer(layer);\r\n                }\r\n                else\r\n                {\r\n                    this.openLayers.Map.removeLayer(layer);\r\n                }\r\n            },\r\n\r\n            //視野向下(放大)\r\n            zoomIn: function(){ this.openLayers.Map.getView().animate({zoom: this.openLayers.Map.getView().getZoom()+1}); },\r\n            //視野向上(縮小)\r\n            zoomOut: function(){ this.openLayers.Map.getView().animate({zoom: this.openLayers.Map.getView().getZoom()-1}); },\r\n\r\n            //取得 圖層-面(實例:GeoJSON)\r\n            getStandardVectorPlane:function(option){\r\n\r\n              if(option == undefined || option == null){ option = {};  }\r\n\r\n              /** 圖層樣式 */\r\n              if(option.style == undefined || option.style == null){ option.style = null;  }\r\n              /** 資料來源網址 */\r\n              if(option.source_url == undefined || option.source_url == null){ option.source_url = \"\";  }\r\n              /** 資料來源格式 */\r\n              if(option.source_format == undefined || option.source_format == null){ option.source_format = new GeoJSON();  }\r\n              /** 資料投影 */\r\n              if(option.source_projection == undefined || option.source_projection == null){ option.source_projection = \"EPSG:4326\";  }\r\n\r\n\r\n              /** 數據加載時 */\r\n              if(option.onLoad == undefined || option.onLoad == null || typeof(option.onLoad) != 'function')\r\n              {\r\n                option.onLoad = function(aXMLHttpRequest){ console.log(aXMLHttpRequest); }\r\n              }\r\n              /** 程序錯誤時 */\r\n              if(option.onError == undefined || option.onError == null || typeof(option.onError) != 'function')\r\n              {\r\n                option.onError = function(){ alert(\"加載失敗\");  }\r\n              }\r\n\r\n              var mVector = new VectorLayer({\r\n\r\n                style: option.style,\r\n                source: new VectorSource({\r\n\r\n                  format: new GeoJSON(),\r\n                  projection: option.source_projection,\r\n                  loader: function (sourceExtent, resolution, projection) {\r\n                    \r\n                    var mXMLHttpRequest = new XMLHttpRequest();\r\n                    mXMLHttpRequest.open('GET', option.source_url);\r\n                    mXMLHttpRequest.onerror = option.onError;\r\n                    mXMLHttpRequest.onload = function () {\r\n\r\n                      if (mXMLHttpRequest.status == 200) \r\n                      {\r\n                        var Param = {\r\n\r\n                          XMLHttpRequest:mXMLHttpRequest,\r\n                          SourceExtent:sourceExtent,\r\n                          Resolution:resolution,\r\n                          Projection:projection\r\n                        }\r\n\r\n                        option.onLoad(Param);\r\n                      } \r\n                      else \r\n                      {\r\n                        option.onError();\r\n                      }\r\n                      \r\n                    }\r\n                    mXMLHttpRequest.send();  \r\n\r\n                  }\r\n\r\n                })\r\n\r\n              });\r\n\r\n              return mVector;\r\n            },\r\n\r\n        },\r\n    }\r\n</script>\r\n<style scoped>\r\n\r\n#map{\r\n    height: 850px;\r\n    width: 100%;\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapBasic.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapBasic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MapBasic.vue?vue&type=template&id=02a9a4b3&scoped=true&\"\nimport script from \"./MapBasic.vue?vue&type=script&lang=js&\"\nexport * from \"./MapBasic.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MapBasic.vue?vue&type=style&index=0&id=02a9a4b3&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"02a9a4b3\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapBasic.vue?vue&type=style&index=0&id=02a9a4b3&prod&scoped=true&lang=css&\""],"sourceRoot":""}