{"version":3,"sources":["webpack:///./node_modules/ol/OverlayPositioning.js","webpack:///./node_modules/ol/Overlay.js","webpack:///./src/assets/mapviewer/station_icon_grey.svg","webpack:///./src/assets/mapviewer/googlestreetmap.jpg","webpack:///./src/assets/mapviewer/topo_map.jpg","webpack:///./src/views/Map/MapviewerOld.vue?3af9","webpack:///./src/assets/mapviewer/imagery_map.jpeg","webpack:///./src/assets/mapviewer/manual_station_icon.svg","webpack:///./src/assets/mapviewer/streetsmap.jpg","webpack:///./src/assets/mapviewer/station_icon_orange.svg","webpack:///./src/assets/mapviewer/googlesatelitemap.jpg","webpack:///./node_modules/@babel/runtime/helpers/esm/createForOfIteratorHelper.js","webpack:///./src/assets/mapviewer/station_icon_green.svg","webpack:///./src/views/Map/MapviewerOld.vue?43a3","webpack:///./node_modules/ol/layer/BaseImage.js","webpack:///./node_modules/ol/renderer/canvas/ImageLayer.js","webpack:///./node_modules/ol/layer/Image.js","webpack:///./node_modules/ol/reproj/Image.js","webpack:///./node_modules/ol/source/Image.js","webpack:///./node_modules/ol/uri.js","webpack:///./node_modules/ol/source/ImageArcGISRest.js","webpack:///src/views/Map/MapviewerOld.vue","webpack:///./src/views/Map/MapviewerOld.vue?470f","webpack:///./src/views/Map/MapviewerOld.vue?5670"],"names":["BOTTOM_LEFT","BOTTOM_CENTER","BOTTOM_RIGHT","CENTER_LEFT","CENTER_CENTER","CENTER_RIGHT","TOP_LEFT","TOP_CENTER","TOP_RIGHT","__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","prototype","hasOwnProperty","call","TypeError","String","__","this","constructor","create","Property","ELEMENT","MAP","OFFSET","POSITION","POSITIONING","_super","Overlay","options","_this","on","once","un","id","insertFirst","undefined","stopEvent","element","document","createElement","className","style","position","pointerEvents","autoPan","animation","autoPanAnimation","margin","autoPanMargin","rendered","transform_","visible","mapPostrenderListenerKey","addChangeListener","handleElementChanged","handleMapChanged","handleOffsetChanged","handlePositionChanged","handlePositioningChanged","setElement","setOffset","offset","setPositioning","positioning","OverlayPositioning","setPosition","getElement","get","getId","getMap","getOffset","getPosition","getPositioning","appendChild","map","MapEventType","POSTRENDER","render","updatePixelPosition","container","getOverlayContainerStopEvent","getOverlayContainer","insertBefore","childNodes","performAutoPan","set","setMap","panIntoView","opt_panIntoViewOptions","getTargetElement","mapRect","getRect","getSize","overlayRect","panIntoViewOptions","myMargin","offsetLeft","offsetRight","offsetTop","offsetBottom","delta","Math","abs","center","getView","getCenterInternal","centerPx","getPixelFromCoordinateInternal","newCenterPx","panOptions","animateInternal","getCoordinateFromPixelInternal","duration","easing","size","box","getBoundingClientRect","offsetX","left","window","pageXOffset","offsetY","top","pageYOffset","setVisible","display","isRendered","pixel","getPixelFromCoordinate","mapSize","updateRenderedPosition","x","round","y","posX","posY","transform","msTransform","getOptions","module","exports","_createForOfIteratorHelper","o","allowArrayLike","it","Symbol","iterator","isArray","unsupportedIterableToArray","length","i","F","s","n","done","value","e","_e","f","err","normalCompletion","didErr","step","next","_e2","_vm","_h","$createElement","_c","_self","attrs","class","$vuetify","breakpoint","lgAndUp","scopedSlots","_u","key","fn","ref","_g","_b","staticClass","$event","displaySearch","mapButton","infoButton","_v","home","poiState","displayPOI","automatedState","displayAutomated","manualState","displayManual","isState","displayIS","bsState","displayBS","directives","name","rawName","expression","_l","item","index","src","changeBasemap","layer","_s","img","text","stateList","zoomToExtend","searchStationList","model","callback","$$v","searchState","stationSearch","searchStations","searchStation","xs","selectedFeature","NAME","displayPOITable","LONGITUDE","LATITUDE","DESCRIPTION","PICTURE_PATH","proxy","STATION_ID_A","displayInformation","LOCATION","Date","DATETIME_A","toLocaleDateString","toLocaleTimeString","extend_panel","staticStyle","selectedStationInfo","nestedItem","nestedKey","unit","si","station_id","DEPTH","BATTERY","STATION_PICTURE","DEPLOYMENT_PICTURE","UPSTREAM_PICTURE","DOWNSTREAM_PICTURE","replace","staticRenderFns","BaseImageLayer","opt_options","Layer","BaseImage","CanvasImageLayerRenderer","imageLayer","image_","getImage","prepareFrame","frameState","layerState","layerStatesArray","layerIndex","pixelRatio","viewState","viewResolution","resolution","imageSource","getLayer","getSource","hints","viewHints","renderedExtent","extent","projection","ViewHint","ANIMATING","INTERACTING","sourceProjection","getProjection","image","loadImage","renderFrame","target","imageExtent","getExtent","imageResolution","getResolution","imagePixelRatio","getPixelRatio","viewCenter","scale","width","height","rotation","size_1","sqrt","pixelTransform","inversePixelTransform","canvasTransform","useContainer","opacity","context","canvas","containerReused","clearRect","clipped","layerExtent","clipUnrotated","tempTransform","renderedResolution","dw","dh","getContextOptions","preRender","dx","dy","previousAlpha","globalAlpha","drawImage","postRender","restore","ImageLayer","createRenderer","Image","ReprojImage","sourceProj","targetProj","targetExtent","targetResolution","getImageFunction","opt_contextOptions","maxSourceExtent","maxTargetExtent","limitedTargetExtent","targetCenter","sourceResolution","errorThresholdInPixels","triangulation","Triangulation","sourceExtent","calculateSourceExtent","sourceImage","state","ImageState","IDLE","EMPTY","sourcePixelRatio","targetProj_","maxSourceExtent_","triangulation_","targetResolution_","targetExtent_","sourceImage_","sourcePixelRatio_","contextOptions_","canvas_","sourceListenerKey_","disposeInternal","LOADING","unlistenSource_","reproject_","sourceState","getState","LOADED","changed","load","ERROR","EventType","CHANGE","ImageBase","ImageSourceEventType","IMAGELOADSTART","IMAGELOADEND","IMAGELOADERROR","ImageSourceEvent","type","Event","ImageSource","attributions","resolutions_","resolutions","reprojectedImage_","reprojectedRevision_","imageSmoothing","getResolutions","findNearestResolution","idx","getRevision","dispose","getImageInternal","bind","handleImageChange","event","loading","dispatchEvent","Source","defaultImageLoadFunction","appendParams","uri","params","keyParams","keys","forEach","k","push","encodeURIComponent","qs","join","indexOf","ImageArcGISRest","crossOrigin_","crossOrigin","hidpi_","hidpi","url_","url","imageLoadFunction_","imageLoadFunction","params_","imageSize_","renderedRevision_","ratio_","ratio","getParams","slice","centerX","centerY","halfWidth","halfHeight","ceil","getRequestUrl_","addEventListener","getImageLoadFunction","srid","getCode","split","pop","modifiedUrl","getUrl","setImageLoadFunction","setUrl","updateParams","data","items1","listMapViews","listInfoViews","icon","contiStationDetails","station_status","stationInfoList","listParamDisplayed","paramContentDetail","searchStation2","pointOfInterestDetails","manualStationDetails","view","baseMapLayer","topographicMap","title","source","boundaryLayer","imageryMap","streetMap","googleStreetMap","googleSateliteMap","pointStyle","default","fill","color","stroke","radius","selected","mounted","initiateMap","getParamInfo","getPOIjson","getCurrentMode","methods","console","bus","focus","a","m","is","bs","localStorage","currentMode","axios","headers","Authorization","then","catch","genParamList","fullName","getStationInfo","getStationInfoList","includes","allParamKeys","parameters","j","paramDetails","reading","paramObj","toLowerCase","paramList","stationId","location","datetime","longitude","latitude","station_picture","deployment_picture","upstream_picture","downstream_picture","parameter","stationInfoObj","baseMap","Vector","Group","layers","Map","controls","zoom","fit","onClickMap","onMoveEnd","evt","addborderLayer","searchStations2","zoomStation","getSelectedStationInfo","toUpperCase","STATE_NAME","setView","layerName","el","setTimeout","extent2","that","feature","statID","stationPicture","obj","addMapMarker","marker","Feature","geometry","description","vectorSource","features","markerVectorLayer","addLayer","addMapOverlay","divLabel","overlayLabel","clearInterval","addPOIMarker","POIMarker","displayStationByType","stationType","curState","component","VBtn","VCard","VCardSubtitle","VCardText","VCardTitle","VCol","VDataTable","VExpansionPanel","VExpansionPanelContent","VExpansionPanelHeader","VExpansionPanels","VIcon","VImg","VList","VListItem","VListItemAvatar","VListItemContent","VListItemSubtitle","VListItemTitle","VProgressCircular","VRow","VSelect","VSpacer","VTooltip"],"mappings":"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","file":"js/chunk-70bce292.123a47ab.js","sourcesContent":["/**\n * @module ol/OverlayPositioning\n */\n/**\n * Overlay position: `'bottom-left'`, `'bottom-center'`,  `'bottom-right'`,\n * `'center-left'`, `'center-center'`, `'center-right'`, `'top-left'`,\n * `'top-center'`, `'top-right'`\n * @enum {string}\n */\nexport default {\n    BOTTOM_LEFT: 'bottom-left',\n    BOTTOM_CENTER: 'bottom-center',\n    BOTTOM_RIGHT: 'bottom-right',\n    CENTER_LEFT: 'center-left',\n    CENTER_CENTER: 'center-center',\n    CENTER_RIGHT: 'center-right',\n    TOP_LEFT: 'top-left',\n    TOP_CENTER: 'top-center',\n    TOP_RIGHT: 'top-right',\n};\n//# sourceMappingURL=OverlayPositioning.js.map","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        if (typeof b !== \"function\" && b !== null)\n            throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\n/**\n * @module ol/Overlay\n */\nimport BaseObject from './Object.js';\nimport MapEventType from './MapEventType.js';\nimport OverlayPositioning from './OverlayPositioning.js';\nimport { CLASS_SELECTABLE } from './css.js';\nimport { containsExtent } from './extent.js';\nimport { listen, unlistenByKey } from './events.js';\nimport { outerHeight, outerWidth, removeChildren, removeNode } from './dom.js';\n/**\n * @typedef {Object} Options\n * @property {number|string} [id] Set the overlay id. The overlay id can be used\n * with the {@link module:ol/Map~Map#getOverlayById} method.\n * @property {HTMLElement} [element] The overlay element.\n * @property {Array<number>} [offset=[0, 0]] Offsets in pixels used when positioning\n * the overlay. The first element in the\n * array is the horizontal offset. A positive value shifts the overlay right.\n * The second element in the array is the vertical offset. A positive value\n * shifts the overlay down.\n * @property {import(\"./coordinate.js\").Coordinate} [position] The overlay position\n * in map projection.\n * @property {import(\"./OverlayPositioning.js\").default} [positioning='top-left'] Defines how\n * the overlay is actually positioned with respect to its `position` property.\n * Possible values are `'bottom-left'`, `'bottom-center'`, `'bottom-right'`,\n * `'center-left'`, `'center-center'`, `'center-right'`, `'top-left'`,\n * `'top-center'`, and `'top-right'`.\n * @property {boolean} [stopEvent=true] Whether event propagation to the map\n * viewport should be stopped. If `true` the overlay is placed in the same\n * container as that of the controls (CSS class name\n * `ol-overlaycontainer-stopevent`); if `false` it is placed in the container\n * with CSS class name specified by the `className` property.\n * @property {boolean} [insertFirst=true] Whether the overlay is inserted first\n * in the overlay container, or appended. If the overlay is placed in the same\n * container as that of the controls (see the `stopEvent` option) you will\n * probably set `insertFirst` to `true` so the overlay is displayed below the\n * controls.\n * @property {PanIntoViewOptions|boolean} [autoPan=false] Pan the map when calling\n * `setPosition`, so that the overlay is entirely visible in the current viewport?\n * If `true` (deprecated), then `autoPanAnimation` and `autoPanMargin` will be\n * used to determine the panning parameters; if an object is supplied then other\n * parameters are ignored.\n * @property {PanOptions} [autoPanAnimation] The animation options used to pan\n * the overlay into view. This animation is only used when `autoPan` is enabled.\n * A `duration` and `easing` may be provided to customize the animation.\n * Deprecated and ignored if `autoPan` is supplied as an object.\n * @property {number} [autoPanMargin=20] The margin (in pixels) between the\n * overlay and the borders of the map when autopanning. Deprecated and ignored\n * if `autoPan` is supplied as an object.\n * @property {PanIntoViewOptions} [autoPanOptions] The options to use for the\n * autoPan. This is only used when `autoPan` is enabled and has preference over\n * the individual `autoPanMargin` and `autoPanOptions`.\n * @property {string} [className='ol-overlay-container ol-selectable'] CSS class\n * name.\n */\n/**\n * @typedef {Object} PanOptions\n * @property {number} [duration=1000] The duration of the animation in\n * milliseconds.\n * @property {function(number):number} [easing] The easing function to use. Can\n * be one from {@link module:ol/easing} or a custom function.\n * Default is {@link module:ol/easing.inAndOut}.\n */\n/**\n * @typedef {Object} PanIntoViewOptions\n * @property {PanOptions} [animation={}] The animation parameters for the pan\n * @property {number} [margin=20] The margin (in pixels) between the\n * overlay and the borders of the map when panning into view.\n */\n/**\n * @enum {string}\n * @protected\n */\nvar Property = {\n    ELEMENT: 'element',\n    MAP: 'map',\n    OFFSET: 'offset',\n    POSITION: 'position',\n    POSITIONING: 'positioning',\n};\n/**\n * @typedef {import(\"./ObjectEventType\").Types|'change:element'|'change:map'|'change:offset'|'change:position'|\n *   'change:positioning'} OverlayObjectEventTypes\n */\n/***\n * @template Return\n * @typedef {import(\"./Observable\").OnSignature<import(\"./Observable\").EventTypes, import(\"./events/Event.js\").default, Return> &\n *   import(\"./Observable\").OnSignature<OverlayObjectEventTypes, import(\"./Object\").ObjectEvent, Return> &\n *   import(\"./Observable\").CombinedOnSignature<import(\"./Observable\").EventTypes|OverlayObjectEventTypes, Return>} OverlayOnSignature\n */\n/**\n * @classdesc\n * An element to be displayed over the map and attached to a single map\n * location.  Like {@link module:ol/control/Control~Control}, Overlays are\n * visible widgets. Unlike Controls, they are not in a fixed position on the\n * screen, but are tied to a geographical coordinate, so panning the map will\n * move an Overlay but not a Control.\n *\n * Example:\n *\n *     import Overlay from 'ol/Overlay';\n *\n *     var popup = new Overlay({\n *       element: document.getElementById('popup')\n *     });\n *     popup.setPosition(coordinate);\n *     map.addOverlay(popup);\n *\n * @api\n */\nvar Overlay = /** @class */ (function (_super) {\n    __extends(Overlay, _super);\n    /**\n     * @param {Options} options Overlay options.\n     */\n    function Overlay(options) {\n        var _this = _super.call(this) || this;\n        /***\n         * @type {OverlayOnSignature<import(\"./events\").EventsKey>}\n         */\n        _this.on;\n        /***\n         * @type {OverlayOnSignature<import(\"./events\").EventsKey>}\n         */\n        _this.once;\n        /***\n         * @type {OverlayOnSignature<void>}\n         */\n        _this.un;\n        /**\n         * @protected\n         * @type {Options}\n         */\n        _this.options = options;\n        /**\n         * @protected\n         * @type {number|string|undefined}\n         */\n        _this.id = options.id;\n        /**\n         * @protected\n         * @type {boolean}\n         */\n        _this.insertFirst =\n            options.insertFirst !== undefined ? options.insertFirst : true;\n        /**\n         * @protected\n         * @type {boolean}\n         */\n        _this.stopEvent = options.stopEvent !== undefined ? options.stopEvent : true;\n        /**\n         * @protected\n         * @type {HTMLElement}\n         */\n        _this.element = document.createElement('div');\n        _this.element.className =\n            options.className !== undefined\n                ? options.className\n                : 'ol-overlay-container ' + CLASS_SELECTABLE;\n        _this.element.style.position = 'absolute';\n        _this.element.style.pointerEvents = 'auto';\n        var autoPan = options.autoPan;\n        if (autoPan && 'object' !== typeof autoPan) {\n            autoPan = {\n                animation: options.autoPanAnimation,\n                margin: options.autoPanMargin,\n            };\n        }\n        /**\n         * @protected\n         * @type {PanIntoViewOptions|false}\n         */\n        _this.autoPan = /** @type {PanIntoViewOptions} */ (autoPan) || false;\n        /**\n         * @protected\n         * @type {{transform_: string,\n         *         visible: boolean}}\n         */\n        _this.rendered = {\n            transform_: '',\n            visible: true,\n        };\n        /**\n         * @protected\n         * @type {?import(\"./events.js\").EventsKey}\n         */\n        _this.mapPostrenderListenerKey = null;\n        _this.addChangeListener(Property.ELEMENT, _this.handleElementChanged);\n        _this.addChangeListener(Property.MAP, _this.handleMapChanged);\n        _this.addChangeListener(Property.OFFSET, _this.handleOffsetChanged);\n        _this.addChangeListener(Property.POSITION, _this.handlePositionChanged);\n        _this.addChangeListener(Property.POSITIONING, _this.handlePositioningChanged);\n        if (options.element !== undefined) {\n            _this.setElement(options.element);\n        }\n        _this.setOffset(options.offset !== undefined ? options.offset : [0, 0]);\n        _this.setPositioning(options.positioning !== undefined\n            ? /** @type {import(\"./OverlayPositioning.js\").default} */ (options.positioning)\n            : OverlayPositioning.TOP_LEFT);\n        if (options.position !== undefined) {\n            _this.setPosition(options.position);\n        }\n        return _this;\n    }\n    /**\n     * Get the DOM element of this overlay.\n     * @return {HTMLElement|undefined} The Element containing the overlay.\n     * @observable\n     * @api\n     */\n    Overlay.prototype.getElement = function () {\n        return /** @type {HTMLElement|undefined} */ (this.get(Property.ELEMENT));\n    };\n    /**\n     * Get the overlay identifier which is set on constructor.\n     * @return {number|string|undefined} Id.\n     * @api\n     */\n    Overlay.prototype.getId = function () {\n        return this.id;\n    };\n    /**\n     * Get the map associated with this overlay.\n     * @return {import(\"./PluggableMap.js\").default|undefined} The map that the\n     * overlay is part of.\n     * @observable\n     * @api\n     */\n    Overlay.prototype.getMap = function () {\n        return /** @type {import(\"./PluggableMap.js\").default|undefined} */ (this.get(Property.MAP));\n    };\n    /**\n     * Get the offset of this overlay.\n     * @return {Array<number>} The offset.\n     * @observable\n     * @api\n     */\n    Overlay.prototype.getOffset = function () {\n        return /** @type {Array<number>} */ (this.get(Property.OFFSET));\n    };\n    /**\n     * Get the current position of this overlay.\n     * @return {import(\"./coordinate.js\").Coordinate|undefined} The spatial point that the overlay is\n     *     anchored at.\n     * @observable\n     * @api\n     */\n    Overlay.prototype.getPosition = function () {\n        return /** @type {import(\"./coordinate.js\").Coordinate|undefined} */ (this.get(Property.POSITION));\n    };\n    /**\n     * Get the current positioning of this overlay.\n     * @return {import(\"./OverlayPositioning.js\").default} How the overlay is positioned\n     *     relative to its point on the map.\n     * @observable\n     * @api\n     */\n    Overlay.prototype.getPositioning = function () {\n        return /** @type {import(\"./OverlayPositioning.js\").default} */ (this.get(Property.POSITIONING));\n    };\n    /**\n     * @protected\n     */\n    Overlay.prototype.handleElementChanged = function () {\n        removeChildren(this.element);\n        var element = this.getElement();\n        if (element) {\n            this.element.appendChild(element);\n        }\n    };\n    /**\n     * @protected\n     */\n    Overlay.prototype.handleMapChanged = function () {\n        if (this.mapPostrenderListenerKey) {\n            removeNode(this.element);\n            unlistenByKey(this.mapPostrenderListenerKey);\n            this.mapPostrenderListenerKey = null;\n        }\n        var map = this.getMap();\n        if (map) {\n            this.mapPostrenderListenerKey = listen(map, MapEventType.POSTRENDER, this.render, this);\n            this.updatePixelPosition();\n            var container = this.stopEvent\n                ? map.getOverlayContainerStopEvent()\n                : map.getOverlayContainer();\n            if (this.insertFirst) {\n                container.insertBefore(this.element, container.childNodes[0] || null);\n            }\n            else {\n                container.appendChild(this.element);\n            }\n            this.performAutoPan();\n        }\n    };\n    /**\n     * @protected\n     */\n    Overlay.prototype.render = function () {\n        this.updatePixelPosition();\n    };\n    /**\n     * @protected\n     */\n    Overlay.prototype.handleOffsetChanged = function () {\n        this.updatePixelPosition();\n    };\n    /**\n     * @protected\n     */\n    Overlay.prototype.handlePositionChanged = function () {\n        this.updatePixelPosition();\n        this.performAutoPan();\n    };\n    /**\n     * @protected\n     */\n    Overlay.prototype.handlePositioningChanged = function () {\n        this.updatePixelPosition();\n    };\n    /**\n     * Set the DOM element to be associated with this overlay.\n     * @param {HTMLElement|undefined} element The Element containing the overlay.\n     * @observable\n     * @api\n     */\n    Overlay.prototype.setElement = function (element) {\n        this.set(Property.ELEMENT, element);\n    };\n    /**\n     * Set the map to be associated with this overlay.\n     * @param {import(\"./PluggableMap.js\").default|undefined} map The map that the\n     * overlay is part of.\n     * @observable\n     * @api\n     */\n    Overlay.prototype.setMap = function (map) {\n        this.set(Property.MAP, map);\n    };\n    /**\n     * Set the offset for this overlay.\n     * @param {Array<number>} offset Offset.\n     * @observable\n     * @api\n     */\n    Overlay.prototype.setOffset = function (offset) {\n        this.set(Property.OFFSET, offset);\n    };\n    /**\n     * Set the position for this overlay. If the position is `undefined` the\n     * overlay is hidden.\n     * @param {import(\"./coordinate.js\").Coordinate|undefined} position The spatial point that the overlay\n     *     is anchored at.\n     * @observable\n     * @api\n     */\n    Overlay.prototype.setPosition = function (position) {\n        this.set(Property.POSITION, position);\n    };\n    /**\n     * Pan the map so that the overlay is entirely visible in the current viewport\n     * (if necessary) using the configured autoPan parameters\n     * @protected\n     */\n    Overlay.prototype.performAutoPan = function () {\n        if (this.autoPan) {\n            this.panIntoView(this.autoPan);\n        }\n    };\n    /**\n     * Pan the map so that the overlay is entirely visible in the current viewport\n     * (if necessary).\n     * @param {PanIntoViewOptions} [opt_panIntoViewOptions] Options for the pan action\n     * @api\n     */\n    Overlay.prototype.panIntoView = function (opt_panIntoViewOptions) {\n        var map = this.getMap();\n        if (!map || !map.getTargetElement() || !this.get(Property.POSITION)) {\n            return;\n        }\n        var mapRect = this.getRect(map.getTargetElement(), map.getSize());\n        var element = this.getElement();\n        var overlayRect = this.getRect(element, [\n            outerWidth(element),\n            outerHeight(element),\n        ]);\n        var panIntoViewOptions = opt_panIntoViewOptions || {};\n        var myMargin = panIntoViewOptions.margin === undefined ? 20 : panIntoViewOptions.margin;\n        if (!containsExtent(mapRect, overlayRect)) {\n            // the overlay is not completely inside the viewport, so pan the map\n            var offsetLeft = overlayRect[0] - mapRect[0];\n            var offsetRight = mapRect[2] - overlayRect[2];\n            var offsetTop = overlayRect[1] - mapRect[1];\n            var offsetBottom = mapRect[3] - overlayRect[3];\n            var delta = [0, 0];\n            if (offsetLeft < 0) {\n                // move map to the left\n                delta[0] = offsetLeft - myMargin;\n            }\n            else if (offsetRight < 0) {\n                // move map to the right\n                delta[0] = Math.abs(offsetRight) + myMargin;\n            }\n            if (offsetTop < 0) {\n                // move map up\n                delta[1] = offsetTop - myMargin;\n            }\n            else if (offsetBottom < 0) {\n                // move map down\n                delta[1] = Math.abs(offsetBottom) + myMargin;\n            }\n            if (delta[0] !== 0 || delta[1] !== 0) {\n                var center = /** @type {import(\"./coordinate.js\").Coordinate} */ (map.getView().getCenterInternal());\n                var centerPx = map.getPixelFromCoordinateInternal(center);\n                if (!centerPx) {\n                    return;\n                }\n                var newCenterPx = [centerPx[0] + delta[0], centerPx[1] + delta[1]];\n                var panOptions = panIntoViewOptions.animation || {};\n                map.getView().animateInternal({\n                    center: map.getCoordinateFromPixelInternal(newCenterPx),\n                    duration: panOptions.duration,\n                    easing: panOptions.easing,\n                });\n            }\n        }\n    };\n    /**\n     * Get the extent of an element relative to the document\n     * @param {HTMLElement} element The element.\n     * @param {import(\"./size.js\").Size} size The size of the element.\n     * @return {import(\"./extent.js\").Extent} The extent.\n     * @protected\n     */\n    Overlay.prototype.getRect = function (element, size) {\n        var box = element.getBoundingClientRect();\n        var offsetX = box.left + window.pageXOffset;\n        var offsetY = box.top + window.pageYOffset;\n        return [offsetX, offsetY, offsetX + size[0], offsetY + size[1]];\n    };\n    /**\n     * Set the positioning for this overlay.\n     * @param {import(\"./OverlayPositioning.js\").default} positioning how the overlay is\n     *     positioned relative to its point on the map.\n     * @observable\n     * @api\n     */\n    Overlay.prototype.setPositioning = function (positioning) {\n        this.set(Property.POSITIONING, positioning);\n    };\n    /**\n     * Modify the visibility of the element.\n     * @param {boolean} visible Element visibility.\n     * @protected\n     */\n    Overlay.prototype.setVisible = function (visible) {\n        if (this.rendered.visible !== visible) {\n            this.element.style.display = visible ? '' : 'none';\n            this.rendered.visible = visible;\n        }\n    };\n    /**\n     * Update pixel position.\n     * @protected\n     */\n    Overlay.prototype.updatePixelPosition = function () {\n        var map = this.getMap();\n        var position = this.getPosition();\n        if (!map || !map.isRendered() || !position) {\n            this.setVisible(false);\n            return;\n        }\n        var pixel = map.getPixelFromCoordinate(position);\n        var mapSize = map.getSize();\n        this.updateRenderedPosition(pixel, mapSize);\n    };\n    /**\n     * @param {import(\"./pixel.js\").Pixel} pixel The pixel location.\n     * @param {import(\"./size.js\").Size|undefined} mapSize The map size.\n     * @protected\n     */\n    Overlay.prototype.updateRenderedPosition = function (pixel, mapSize) {\n        var style = this.element.style;\n        var offset = this.getOffset();\n        var positioning = this.getPositioning();\n        this.setVisible(true);\n        var x = Math.round(pixel[0] + offset[0]) + 'px';\n        var y = Math.round(pixel[1] + offset[1]) + 'px';\n        var posX = '0%';\n        var posY = '0%';\n        if (positioning == OverlayPositioning.BOTTOM_RIGHT ||\n            positioning == OverlayPositioning.CENTER_RIGHT ||\n            positioning == OverlayPositioning.TOP_RIGHT) {\n            posX = '-100%';\n        }\n        else if (positioning == OverlayPositioning.BOTTOM_CENTER ||\n            positioning == OverlayPositioning.CENTER_CENTER ||\n            positioning == OverlayPositioning.TOP_CENTER) {\n            posX = '-50%';\n        }\n        if (positioning == OverlayPositioning.BOTTOM_LEFT ||\n            positioning == OverlayPositioning.BOTTOM_CENTER ||\n            positioning == OverlayPositioning.BOTTOM_RIGHT) {\n            posY = '-100%';\n        }\n        else if (positioning == OverlayPositioning.CENTER_LEFT ||\n            positioning == OverlayPositioning.CENTER_CENTER ||\n            positioning == OverlayPositioning.CENTER_RIGHT) {\n            posY = '-50%';\n        }\n        var transform = \"translate(\" + posX + \", \" + posY + \") translate(\" + x + \", \" + y + \")\";\n        if (this.rendered.transform_ != transform) {\n            this.rendered.transform_ = transform;\n            style.transform = transform;\n            // @ts-ignore IE9\n            style.msTransform = transform;\n        }\n    };\n    /**\n     * returns the options this Overlay has been created with\n     * @return {Options} overlay options\n     */\n    Overlay.prototype.getOptions = function () {\n        return this.options;\n    };\n    return Overlay;\n}(BaseObject));\nexport default Overlay;\n//# sourceMappingURL=Overlay.js.map","module.exports = __webpack_public_path__ + \"img/station_icon_grey.83a491ef.svg\";","module.exports = __webpack_public_path__ + \"img/googlestreetmap.64b24489.jpg\";","module.exports = __webpack_public_path__ + \"img/topo_map.7b2a66ac.jpg\";","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!./MapviewerOld.vue?vue&type=style&index=0&id=70aa25fc&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/imagery_map.078b3740.jpeg\";","module.exports = __webpack_public_path__ + \"img/manual_station_icon.951ca2e5.svg\";","module.exports = __webpack_public_path__ + \"img/streetsmap.327fd4a7.jpg\";","module.exports = __webpack_public_path__ + \"img/station_icon_orange.7d2dd5b8.svg\";","module.exports = __webpack_public_path__ + \"img/googlesatelitemap.81b98d0e.jpg\";","import unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nexport default function _createForOfIteratorHelper(o, allowArrayLike) {\n  var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"];\n\n  if (!it) {\n    if (Array.isArray(o) || (it = unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") {\n      if (it) o = it;\n      var i = 0;\n\n      var F = function F() {};\n\n      return {\n        s: F,\n        n: function n() {\n          if (i >= o.length) return {\n            done: true\n          };\n          return {\n            done: false,\n            value: o[i++]\n          };\n        },\n        e: function e(_e) {\n          throw _e;\n        },\n        f: F\n      };\n    }\n\n    throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n  }\n\n  var normalCompletion = true,\n      didErr = false,\n      err;\n  return {\n    s: function s() {\n      it = it.call(o);\n    },\n    n: function n() {\n      var step = it.next();\n      normalCompletion = step.done;\n      return step;\n    },\n    e: function e(_e2) {\n      didErr = true;\n      err = _e2;\n    },\n    f: function f() {\n      try {\n        if (!normalCompletion && it[\"return\"] != null) it[\"return\"]();\n      } finally {\n        if (didErr) throw err;\n      }\n    }\n  };\n}","module.exports = __webpack_public_path__ + \"img/station_icon_green.0d85b67c.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"mapOld\"}},[_c('div',{class:_vm.$vuetify.breakpoint.lgAndUp ? 'ma-5' : 'my-5',attrs:{\"id\":\"btn-group\"}},[_c('v-tooltip',{attrs:{\"right\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({staticClass:\"mb-3 ml-4\",attrs:{\"small\":_vm.$vuetify.breakpoint.lgAndUp ? false : true,\"fab\":\"\",\"dark\":\"\",\"color\":\"white\"},on:{\"click\":function($event){_vm.displaySearch =  !_vm.displaySearch; _vm.mapButton = false; _vm.infoButton = false;}}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"color\":\"text\"}},[_vm._v(\" mdi-magnify \")])],1)]}}])},[_c('span',[_vm._v(\"Search\")])]),_c('br'),_c('v-tooltip',{attrs:{\"right\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({staticClass:\"mb-3 ml-4\",attrs:{\"small\":_vm.$vuetify.breakpoint.lgAndUp ? false : true,\"fab\":\"\",\"dark\":\"\",\"color\":\"white\"},on:{\"click\":function($event){_vm.home(); _vm.displaySearch = false}}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"color\":\"text\"}},[_vm._v(\" mdi-home \")])],1)]}}])},[_c('span',[_vm._v(\"Home\")])]),_c('br'),_c('v-tooltip',{attrs:{\"right\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({staticClass:\"mb-3 ml-4\",attrs:{\"small\":_vm.$vuetify.breakpoint.lgAndUp ? false : true,\"fab\":\"\",\"dark\":\"\",\"color\":\"white\"},on:{\"click\":function($event){_vm.mapButton = !_vm.mapButton; _vm.infoButton = false; _vm.displaySearch = false;}}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"dark\":\"\",\"color\":\"text\"}},[_vm._v(\" mdi-map \")])],1)]}}])},[_c('span',[_vm._v(\"Basemap\")])]),_c('br'),_c('v-tooltip',{attrs:{\"right\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({staticClass:\"mb-3 ml-4\",attrs:{\"small\":_vm.$vuetify.breakpoint.lgAndUp ? false : true,\"fab\":\"\",\"dark\":\"\",\"color\":\"white\"},on:{\"click\":function($event){_vm.infoButton = !_vm.infoButton; _vm.mapButton = false; _vm.displaySearch = false;}}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"dark\":\"\",\"color\":\"text\"}},[_vm._v(\" mdi-information-outline \")])],1)]}}])},[_c('span',[_vm._v(\"Information\")])]),_c('br'),_c('v-tooltip',{attrs:{\"right\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({class:[_vm.poiState ? 'primary  mb-3 ml-4  font-weight-black justify-center align-center' : 'white text--text mb-3 ml-4 font-weight-black justify-center align-center' ,  _vm.$vuetify.breakpoint.lgAndUp ? 'text-h1' : 'text-h6'],attrs:{\"height\":_vm.$vuetify.breakpoint.lgAndUp ? '56px' : '40px',\"width\":_vm.$vuetify.breakpoint.lgAndUp ? '56px' : '40px',\"icon\":\"\",\"elevation\":\"1\"},on:{\"click\":function($event){return _vm.displayPOI();}}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"dark\":\"\",\"color\":_vm.poiState ? 'white' : 'text'}},[_vm._v(\" mdi-map-marker \")])],1)]}}])},[_c('span',[_vm._v(\"Point Of Interest\")])]),_c('br'),_c('v-tooltip',{attrs:{\"right\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({class:_vm.automatedState ? 'primary white--text mb-3 ml-4  font-weight-black text-h6 justify-center align-center' : 'white text--text mb-3 ml-4 font-weight-black text-h6 justify-center align-center',attrs:{\"small\":_vm.$vuetify.breakpoint.lgAndUp ? false : true,\"height\":_vm.$vuetify.breakpoint.lgAndUp ? '56px' : '40px',\"width\":_vm.$vuetify.breakpoint.lgAndUp ? '56px' : '40px',\"icon\":\"\",\"elevation\":\"1\"},on:{\"click\":function($event){return _vm.displayAutomated();}}},'v-btn',attrs,false),on),[_vm._v(\" C \")])]}}])},[_c('span',[_vm._v(\"Continuous Station\")])]),_c('br'),_c('v-tooltip',{attrs:{\"right\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({class:_vm.manualState ? 'primary white--text mb-3 ml-4  font-weight-black text-h6 justify-center align-center' : 'white text--text mb-3 ml-4 font-weight-black text-h6 justify-center align-center',attrs:{\"small\":_vm.$vuetify.breakpoint.lgAndUp ? false : true,\"height\":_vm.$vuetify.breakpoint.lgAndUp ? '56px' : '40px',\"width\":_vm.$vuetify.breakpoint.lgAndUp ? '56px' : '40px',\"elevation\":\"1\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.displayManual();}}},'v-btn',attrs,false),on),[_vm._v(\" M \")])]}}])},[_c('span',[_vm._v(\"Manual Station\")])]),_c('br'),_c('v-tooltip',{attrs:{\"right\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({class:_vm.isState ? 'primary white--text mb-3 ml-4  font-weight-black text-h6 justify-center align-center' : 'white text--text mb-3 ml-4 font-weight-black text-h6 justify-center align-center',attrs:{\"height\":_vm.$vuetify.breakpoint.lgAndUp ? '56px' : '40px',\"width\":_vm.$vuetify.breakpoint.lgAndUp ? '56px' : '40px',\"icon\":\"\",\"elevation\":\"1\"},on:{\"click\":function($event){return _vm.displayIS();}}},'v-btn',attrs,false),on),[_vm._v(\" IS \")])]}}])},[_c('span',[_vm._v(\"Investigative Study\")])]),_c('br'),_c('v-tooltip',{attrs:{\"right\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({class:_vm.bsState ? 'primary white--text mb-3 ml-4  font-weight-black text-h6 justify-center align-center' : 'white text--text mb-3 ml-4 font-weight-black text-h6 justify-center align-center',attrs:{\"height\":_vm.$vuetify.breakpoint.lgAndUp ? '56px' : '40px',\"width\":_vm.$vuetify.breakpoint.lgAndUp ? '56px' : '40px',\"icon\":\"\",\"elevation\":\"1\"},on:{\"click\":function($event){return _vm.displayBS();}}},'v-btn',attrs,false),on),[_vm._v(\" BS \")])]}}])},[_c('span',[_vm._v(\"Baseline Study\")])])],1),_c('v-card',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.mapButton),expression:\"mapButton\"}],class:_vm.$vuetify.breakpoint.lgAndUp ? 'class-card-map' : 'class-card-map-mobile'},[_c('div',{staticClass:\"justify-center align-center primary white--text text-center pa-3 card-header\"},[_vm._v(\" Map View Options \")]),_vm._l((_vm.listMapViews),function(item,index){return [_c('v-row',{key:index,staticClass:\"px-3\"},[_c('v-col',{staticClass:\"pa-4\",attrs:{\"cols\":\"6\"}},[_c('v-img',{attrs:{\"src\":item.src,\"contain\":\"\"},on:{\"click\":function($event){return _vm.changeBasemap(item.layer)}}})],1),_c('v-col',{staticClass:\"pa-4 caption\",attrs:{\"cols\":\"6\"},on:{\"click\":function($event){return _vm.changeBasemap(item.layer)}}},[_vm._v(\" \"+_vm._s(item.name)+\" \")])],1)]})],2),_c('v-card',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.infoButton),expression:\"infoButton\"}],class:_vm.$vuetify.breakpoint.lgAndUp ? 'class-card-info' : 'class-card-info-mobile'},[_c('div',{staticClass:\"justify-center align-center primary white--text text-center pa-3 body-1 card-header\"},[_vm._v(\" Information \")]),_c('div',{staticClass:\"text-center pa-3 body-2\"},[_vm._v(\" Station Status \")]),_vm._l((_vm.station_status),function(item,index){return [_c('v-row',{key:'B' + index,staticClass:\"px-5\"},[_c('v-col',{staticClass:\"px-4 py-1 text-center\",attrs:{\"cols\":\"6\"}},[_c('v-img',{attrs:{\"height\":\"60px\",\"src\":item.img,\"contain\":\"\"},on:{\"click\":function($event){return _vm.changeBasemap(item.layer)}}})],1),_c('v-col',{staticClass:\"'px-4 py-3 caption\",attrs:{\"cols\":\"6\"}},[_vm._v(\" \"+_vm._s(item.text)+\" \")])],1)]})],2),_c('v-card',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.displaySearch),expression:\"displaySearch\"}],staticClass:\"ma-0 pa-2 v-card-search \",attrs:{\"height\":\"125px\",\"width\":\"250px\"}},[_c('v-card-subtitle',[_c('v-row',[_c('v-col',{staticClass:\"ma-0 pa-0\",attrs:{\"cols\":\"4\"}},[_vm._v(\"State:\")]),_c('v-col',{staticClass:\"ma-0 pa-0\",attrs:{\"cols\":\"8\"}},[_c('v-select',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$vuetify.breakpoint.lgAndUp ? true : false),expression:\"$vuetify.breakpoint.lgAndUp ? true : false\"}],staticClass:\"v-select-info\",attrs:{\"items\":_vm.stateList,\"label\":\"State\",\"solo\":\"\",\"dense\":\"\",\"item-text\":\"name\",\"return-object\":\"\"},on:{\"change\":function($event){_vm.zoomToExtend(); _vm.searchStationList();}},model:{value:(_vm.searchState),callback:function ($$v) {_vm.searchState=$$v},expression:\"searchState\"}})],1)],1),_c('v-row',[_c('v-col',{staticClass:\"ma-0 pa-0\",attrs:{\"cols\":\"4\"}},[_vm._v(\"Station:\")]),_c('v-col',{staticClass:\"ma-0 pa-0\",attrs:{\"cols\":\"8\"}},[_c('v-select',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$vuetify.breakpoint.lgAndUp ? true : false),expression:\"$vuetify.breakpoint.lgAndUp ? true : false\"}],staticClass:\"v-select-info\",attrs:{\"items\":_vm.stationSearch,\"label\":\"Station\",\"solo\":\"\",\"dense\":\"\",\"item-text\":\"STATION_ID_A\",\"return-object\":\"\"},on:{\"change\":function($event){return _vm.searchStations()}},model:{value:(_vm.searchStation),callback:function ($$v) {_vm.searchStation=$$v},expression:\"searchStation\"}})],1)],1)],1)],1),_c('v-card',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.displayPOITable),expression:\"displayPOITable\"}],staticClass:\"mx-auto station-info-card\",attrs:{\"max-width\":_vm.$vuetify.breakpoint.xs ? '350' : '425',\"min-width\":\"350\",\"max-height\":\"90%\",\"outlined\":\"\"}},[_c('v-card-title',{staticClass:\"pa-2 primary\"},[_c('h5',[_vm._v(_vm._s(_vm.selectedFeature.NAME))]),_c('v-spacer'),_c('v-btn',{attrs:{\"dark\":\"\",\"icon\":\"\",\"x-small\":\"\"},on:{\"click\":function($event){_vm.displayPOITable = !_vm.displayPOITable;}}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1),_c('v-card-text',[_c('v-list',{staticClass:\"transparent\"},[_c('v-list-item',[_c('v-list-item-title',[_vm._v(\"Coordinate:\")]),_c('v-list-item-subtitle',{staticClass:\"poi-description overflow-visible\"},[_vm._v(\" \"+_vm._s(_vm.selectedFeature.LONGITUDE + \", \" + _vm.selectedFeature.LATITUDE)+\" \")])],1),_c('v-list-item',[_c('v-list-item-title',[_vm._v(\"Description:\")]),_c('v-list-item-subtitle',{staticClass:\"poi-description overflow-visible\"},[_vm._v(\" \"+_vm._s(_vm.selectedFeature.DESCRIPTION)+\" \")])],1),_c('v-list-item',[_c('v-list-item-title',[_vm._v(\"Picture:\")]),_c('v-list-item-subtitle',{staticClass:\"poi-description overflow-visible\"},[[_c('v-row',[(_vm.selectedFeature.PICTURE_PATH !== '')?_c('v-col',{staticClass:\"d-flex child-flex\",attrs:{\"cols\":\"12\"}},[_c('v-img',{staticClass:\"grey lighten-2\",attrs:{\"src\":_vm.selectedFeature.PICTURE_PATH,\"aspect-ratio\":\"1\"},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height ma-0\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"grey lighten-5\"}})],1)]},proxy:true}],null,false,4034393411)})],1):_c('v-col',[_vm._v(\" None \")])],1)]],2)],1)],1)],1)],1),(_vm.selectedFeature !== '' && _vm.selectedFeature.STATION_ID_A !== undefined)?_c('v-card',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.displayInformation),expression:\"displayInformation\"}],class:_vm.$vuetify.breakpoint.lgAndUp ? 'mx-auto station-info-card' : 'mx-auto station-info-card-mobile',attrs:{\"max-width\":_vm.$vuetify.breakpoint.xs ? '320' : '700',\"width\":\"700\",\"max-height\":\"85%\",\"outlined\":\"\"}},[_c('v-card-title',{staticClass:\"pa-1 card-header \"},[_c('v-spacer'),_c('v-tooltip',{attrs:{\"right\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({attrs:{\"dark\":\"\",\"icon\":\"\",\"x-small\":\"\"},on:{\"click\":function($event){_vm.displayInformation = !_vm.displayInformation}}},'v-btn',attrs,false),on),[_c('v-icon',[_vm._v(\"mdi-close\")])],1)]}}],null,false,923893713)},[_vm._v(\" Close \")]),(_vm.selectedFeature !== '')?_c('v-card-text',[_c('v-list-item',{staticClass:\"pl-0 pr-0\",attrs:{\"three-line\":\"\",\"dark\":\"\"}},[_c('v-list-item-avatar',{staticClass:\"mr-2\"},[_c('v-icon',{attrs:{\"size\":\"45px\"}},[_vm._v(\" mdi-map-marker-multiple \")])],1),_c('v-list-item-content',{staticClass:\"text-h6 \"},[_vm._v(\" STATION: \"+_vm._s(_vm.selectedFeature.STATION_ID_A)+\" \")]),_c('v-list-item-content',[_vm._v(\" Location : \"+_vm._s(_vm.selectedFeature.LOCATION)+\" \"),_c('br'),_vm._v(\" Last Updated: \"),_c('br'),_vm._v(\" \"+_vm._s(new Date(_vm.selectedFeature.DATETIME_A).toLocaleDateString(\"en-GB\") + \", \" + new Date(_vm.selectedFeature.DATETIME_A).toLocaleTimeString())+\" \")])],1)],1):_vm._e()],1),[_c('v-expansion-panels',{attrs:{\"accordion\":\"\"},model:{value:(_vm.extend_panel),callback:function ($$v) {_vm.extend_panel=$$v},expression:\"extend_panel\"}},[_c('v-expansion-panel',[_c('v-expansion-panel-header',[_vm._v(\"PARAMETER\")]),_c('v-expansion-panel-content',[[_c('v-data-table',{staticClass:\"elevation-1 mb-2 station-info-table\",attrs:{\"item-key\":\"name\",\"items-per-page\":-1,\"disable-pagination\":true,\"disable-filtering\":true,\"hide-default-footer\":true,\"hide-default-header\":true},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('thead',{staticClass:\"headers-class white--text\"},[_c('tr',{staticStyle:{\"background\":\"#0081BA\"}},[_c('th',{staticStyle:{\"color\":\"white\"}}),_c('th',{staticStyle:{\"color\":\"white\"}},[_vm._v(\"Parameter\")]),_c('th',{staticStyle:{\"color\":\"white\"}},[_vm._v(\"Value & Unit\")]),_c('th',{staticStyle:{\"color\":\"white\"}},[_vm._v(\"Sub Index\")])])])]},proxy:true},{key:\"body\",fn:function(){return [_c('tbody',{staticClass:\"text-center\"},_vm._l((_vm.selectedStationInfo.parameter),function(nestedItem,nestedKey){return _c('tr',{key:nestedKey},[[(nestedKey < 3)?_c('td',{staticClass:\"text-start\"},[_c('span',{class:'dot-'+nestedItem.class})]):_c('td',{staticClass:\"text-start\"}),_c('td',{staticClass:\"text-start\"},[_vm._v(_vm._s(nestedItem.name))]),(nestedItem.value != null)?_c('td',{staticClass:\"text-start\"},[_vm._v(\" \"+_vm._s(nestedItem.value + \" \" + nestedItem.unit)+\" \")]):_c('td',{staticClass:\"text-start\"},[_vm._v(\"NA\")]),(nestedKey < 3 && nestedItem.si != null)?_c('td',{staticClass:\"text-start\"},[_vm._v(\" \"+_vm._s(nestedItem.si)+\" \")]):(nestedKey < 3)?_c('td',{staticClass:\"text-start\"},[_vm._v(\" NA \")]):_c('td',{staticClass:\"text-start\"})]],2)}),0)]},proxy:true}],null,false,1487629002)})]],2)],1),(_vm.station_id !== '')?_c('v-expansion-panel',[_c('v-expansion-panel-header',[_vm._v(\"STATION DETAILS\")]),_c('v-expansion-panel-content',[_c('v-list',{staticClass:\"transparent pt-0\"},[_c('v-list-item',{attrs:{\"dense\":\"\"}},[_c('v-list-item-title',[_vm._v(\"Station ID: \")]),_c('v-list-item-subtitle',[_vm._v(\" \"+_vm._s(_vm.selectedFeature.STATION_ID_A)+\" \")])],1),_c('v-list-item',{attrs:{\"dense\":\"\"}},[_c('v-list-item-title',[_vm._v(\"Station Location: \")]),_c('v-list-item-subtitle',[_vm._v(\" \"+_vm._s(_vm.selectedFeature.LOCATION)+\" PERAK \")])],1),_c('v-list-item',{attrs:{\"dense\":\"\"}},[_c('v-list-item-title',[_vm._v(\"Longitude: \")]),_c('v-list-item-subtitle',[_vm._v(\" \"+_vm._s(_vm.selectedFeature.LONGITUDE)+\" \")])],1),_c('v-list-item',{attrs:{\"dense\":\"\"}},[_c('v-list-item-title',[_vm._v(\"Latitude: \")]),_c('v-list-item-subtitle',[_vm._v(\" \"+_vm._s(_vm.selectedFeature.LATITUDE)+\" \")])],1),_c('v-list-item',{attrs:{\"dense\":\"\"}},[_c('v-list-item-title',[_vm._v(\"Sonde Depth (m): \")]),_c('v-list-item-subtitle',[_vm._v(\" \"+_vm._s(_vm.selectedFeature.DEPTH == null ? '-' : _vm.selectedFeature.DEPTH)+\" \")])],1),_c('v-list-item',{attrs:{\"dense\":\"\"}},[_c('v-list-item-title',[_vm._v(\"Battery (V): \")]),_c('v-list-item-subtitle',[_vm._v(\" \"+_vm._s(_vm.selectedFeature.BATTERY == null ? '-' : _vm.selectedFeature.BATTERY)+\" \")])],1),_c('v-list-item',{attrs:{\"dense\":\"\"}},[_c('v-list-item-title',[_vm._v(\"Station Picture: \")]),(_vm.selectedFeature.STATION_PICTURE == ''  &&   _vm.selectedFeature.DEPLOYMENT_PICTURE == '' &&  _vm.selectedFeature.UPSTREAM_PICTURE == '' &&  _vm.selectedFeature.DOWNSTREAM_PICTURE == '')?_c('v-list-item-subtitle',[_vm._v(\" None\")]):_vm._e()],1),_c('v-list-item',{attrs:{\"dense\":\"\"}},[_c('v-row',[(_vm.selectedFeature.STATION_PICTURE !== '')?_c('v-col',{staticClass:\"d-flex child-flex\",attrs:{\"cols\":\"6\"}},[_c('v-img',{staticClass:\"grey lighten-2\",attrs:{\"src\":_vm.selectedFeature.STATION_PICTURE.replace(\n                          'sarawakdir',\n                          'publicdir'\n                        ),\"aspect-ratio\":\"1\"},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height ma-0\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"grey lighten-5\"}})],1)]},proxy:true}],null,false,4034393411)})],1):_vm._e(),(_vm.selectedFeature.DEPLOYMENT_PICTURE !== '')?_c('v-col',{staticClass:\"d-flex child-flex\",attrs:{\"cols\":\"6\"}},[_c('v-img',{staticClass:\"grey lighten-2\",attrs:{\"src\":_vm.selectedFeature.DEPLOYMENT_PICTURE.replace(\n                          'sarawakdir',\n                          'publicdir'\n                        ),\"aspect-ratio\":\"1\"},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height ma-0\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"grey lighten-5\"}})],1)]},proxy:true}],null,false,4034393411)})],1):_vm._e(),(_vm.selectedFeature.UPSTREAM_PICTURE !== '')?_c('v-col',{staticClass:\"d-flex child-flex\",attrs:{\"cols\":\"6\"}},[_c('v-img',{staticClass:\"grey lighten-2\",attrs:{\"src\":_vm.selectedFeature.UPSTREAM_PICTURE.replace(\n                          'sarawakdir',\n                          'publicdir'\n                        ),\"aspect-ratio\":\"1\"},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height ma-0\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"grey lighten-5\"}})],1)]},proxy:true}],null,false,4034393411)})],1):_vm._e(),(_vm.selectedFeature.DOWNSTREAM_PICTURE !== '')?_c('v-col',{staticClass:\"d-flex child-flex\",attrs:{\"cols\":\"6\"}},[_c('v-img',{staticClass:\"grey lighten-2\",attrs:{\"src\":_vm.selectedFeature.DOWNSTREAM_PICTURE.replace(\n                          'sarawakdir',\n                          'publicdir'\n                        ),\"aspect-ratio\":\"1\"},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height ma-0\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"grey lighten-5\"}})],1)]},proxy:true}],null,false,4034393411)})],1):_vm._e()],1)],1)],1)],1)],1):_vm._e()],1)]],2):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        if (typeof b !== \"function\" && b !== null)\n            throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\n/**\n * @module ol/layer/BaseImage\n */\nimport Layer from './Layer.js';\n/**\n * @template {import(\"../source/Image.js\").default} ImageSourceType\n * @typedef {Object} Options\n * @property {string} [className='ol-layer'] A CSS class name to set to the layer element.\n * @property {number} [opacity=1] Opacity (0, 1).\n * @property {boolean} [visible=true] Visibility.\n * @property {import(\"../extent.js\").Extent} [extent] The bounding extent for layer rendering.  The layer will not be\n * rendered outside of this extent.\n * @property {number} [zIndex] The z-index for layer rendering.  At rendering time, the layers\n * will be ordered, first by Z-index and then by position. When `undefined`, a `zIndex` of 0 is assumed\n * for layers that are added to the map's `layers` collection, or `Infinity` when the layer's `setMap()`\n * method was used.\n * @property {number} [minResolution] The minimum resolution (inclusive) at which this layer will be\n * visible.\n * @property {number} [maxResolution] The maximum resolution (exclusive) below which this layer will\n * be visible.\n * @property {number} [minZoom] The minimum view zoom level (exclusive) above which this layer will be\n * visible.\n * @property {number} [maxZoom] The maximum view zoom level (inclusive) at which this layer will\n * be visible.\n * @property {import(\"../PluggableMap.js\").default} [map] Sets the layer as overlay on a map. The map will not manage\n * this layer in its layers collection, and the layer will be rendered on top. This is useful for\n * temporary layers. The standard way to add a layer to a map and have it managed by the map is to\n * use {@link import(\"../PluggableMap.js\").default#addLayer map.addLayer()}.\n * @property {ImageSourceType} [source] Source for this layer.\n * @property {Object<string, *>} [properties] Arbitrary observable properties. Can be accessed with `#get()` and `#set()`.\n */\n/**\n * @classdesc\n * Server-rendered images that are available for arbitrary extents and\n * resolutions.\n * Note that any property set in the options is set as a {@link module:ol/Object~BaseObject}\n * property on the layer object; for example, setting `title: 'My Title'` in the\n * options means that `title` is observable, and has get/set accessors.\n *\n * @template {import(\"../source/Image.js\").default} ImageSourceType\n * @extends {Layer<ImageSourceType>}\n * @api\n */\nvar BaseImageLayer = /** @class */ (function (_super) {\n    __extends(BaseImageLayer, _super);\n    /**\n     * @param {Options<ImageSourceType>} [opt_options] Layer options.\n     */\n    function BaseImageLayer(opt_options) {\n        var _this = this;\n        var options = opt_options ? opt_options : {};\n        _this = _super.call(this, options) || this;\n        return _this;\n    }\n    return BaseImageLayer;\n}(Layer));\nexport default BaseImageLayer;\n//# sourceMappingURL=BaseImage.js.map","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        if (typeof b !== \"function\" && b !== null)\n            throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\n/**\n * @module ol/renderer/canvas/ImageLayer\n */\nimport CanvasLayerRenderer from './Layer.js';\nimport ViewHint from '../../ViewHint.js';\nimport { ENABLE_RASTER_REPROJECTION } from '../../reproj/common.js';\nimport { assign } from '../../obj.js';\nimport { compose as composeTransform, makeInverse } from '../../transform.js';\nimport { containsExtent, intersects as intersectsExtent } from '../../extent.js';\nimport { fromUserExtent } from '../../proj.js';\nimport { getIntersection, isEmpty } from '../../extent.js';\nimport { toString as toTransformString } from '../../transform.js';\n/**\n * @classdesc\n * Canvas renderer for image layers.\n * @api\n */\nvar CanvasImageLayerRenderer = /** @class */ (function (_super) {\n    __extends(CanvasImageLayerRenderer, _super);\n    /**\n     * @param {import(\"../../layer/Image.js\").default} imageLayer Image layer.\n     */\n    function CanvasImageLayerRenderer(imageLayer) {\n        var _this = _super.call(this, imageLayer) || this;\n        /**\n         * @protected\n         * @type {?import(\"../../ImageBase.js\").default}\n         */\n        _this.image_ = null;\n        return _this;\n    }\n    /**\n     * @return {HTMLCanvasElement|HTMLImageElement|HTMLVideoElement} Image.\n     */\n    CanvasImageLayerRenderer.prototype.getImage = function () {\n        return !this.image_ ? null : this.image_.getImage();\n    };\n    /**\n     * Determine whether render should be called.\n     * @param {import(\"../../PluggableMap.js\").FrameState} frameState Frame state.\n     * @return {boolean} Layer is ready to be rendered.\n     */\n    CanvasImageLayerRenderer.prototype.prepareFrame = function (frameState) {\n        var layerState = frameState.layerStatesArray[frameState.layerIndex];\n        var pixelRatio = frameState.pixelRatio;\n        var viewState = frameState.viewState;\n        var viewResolution = viewState.resolution;\n        var imageSource = this.getLayer().getSource();\n        var hints = frameState.viewHints;\n        var renderedExtent = frameState.extent;\n        if (layerState.extent !== undefined) {\n            renderedExtent = getIntersection(renderedExtent, fromUserExtent(layerState.extent, viewState.projection));\n        }\n        if (!hints[ViewHint.ANIMATING] &&\n            !hints[ViewHint.INTERACTING] &&\n            !isEmpty(renderedExtent)) {\n            if (imageSource) {\n                var projection = viewState.projection;\n                if (!ENABLE_RASTER_REPROJECTION) {\n                    var sourceProjection = imageSource.getProjection();\n                    if (sourceProjection) {\n                        projection = sourceProjection;\n                    }\n                }\n                var image = imageSource.getImage(renderedExtent, viewResolution, pixelRatio, projection);\n                if (image && this.loadImage(image)) {\n                    this.image_ = image;\n                }\n            }\n            else {\n                this.image_ = null;\n            }\n        }\n        return !!this.image_;\n    };\n    /**\n     * Render the layer.\n     * @param {import(\"../../PluggableMap.js\").FrameState} frameState Frame state.\n     * @param {HTMLElement} target Target that may be used to render content to.\n     * @return {HTMLElement} The rendered element.\n     */\n    CanvasImageLayerRenderer.prototype.renderFrame = function (frameState, target) {\n        var image = this.image_;\n        var imageExtent = image.getExtent();\n        var imageResolution = image.getResolution();\n        var imagePixelRatio = image.getPixelRatio();\n        var layerState = frameState.layerStatesArray[frameState.layerIndex];\n        var pixelRatio = frameState.pixelRatio;\n        var viewState = frameState.viewState;\n        var viewCenter = viewState.center;\n        var viewResolution = viewState.resolution;\n        var size = frameState.size;\n        var scale = (pixelRatio * imageResolution) / (viewResolution * imagePixelRatio);\n        var width = Math.round(size[0] * pixelRatio);\n        var height = Math.round(size[1] * pixelRatio);\n        var rotation = viewState.rotation;\n        if (rotation) {\n            var size_1 = Math.round(Math.sqrt(width * width + height * height));\n            width = size_1;\n            height = size_1;\n        }\n        // set forward and inverse pixel transforms\n        composeTransform(this.pixelTransform, frameState.size[0] / 2, frameState.size[1] / 2, 1 / pixelRatio, 1 / pixelRatio, rotation, -width / 2, -height / 2);\n        makeInverse(this.inversePixelTransform, this.pixelTransform);\n        var canvasTransform = toTransformString(this.pixelTransform);\n        this.useContainer(target, canvasTransform, layerState.opacity);\n        var context = this.context;\n        var canvas = context.canvas;\n        if (canvas.width != width || canvas.height != height) {\n            canvas.width = width;\n            canvas.height = height;\n        }\n        else if (!this.containerReused) {\n            context.clearRect(0, 0, width, height);\n        }\n        // clipped rendering if layer extent is set\n        var clipped = false;\n        var render = true;\n        if (layerState.extent) {\n            var layerExtent = fromUserExtent(layerState.extent, viewState.projection);\n            render = intersectsExtent(layerExtent, frameState.extent);\n            clipped = render && !containsExtent(layerExtent, frameState.extent);\n            if (clipped) {\n                this.clipUnrotated(context, frameState, layerExtent);\n            }\n        }\n        var img = image.getImage();\n        var transform = composeTransform(this.tempTransform, width / 2, height / 2, scale, scale, 0, (imagePixelRatio * (imageExtent[0] - viewCenter[0])) / imageResolution, (imagePixelRatio * (viewCenter[1] - imageExtent[3])) / imageResolution);\n        this.renderedResolution = (imageResolution * pixelRatio) / imagePixelRatio;\n        var dw = img.width * transform[0];\n        var dh = img.height * transform[3];\n        assign(context, this.getLayer().getSource().getContextOptions());\n        this.preRender(context, frameState);\n        if (render && dw >= 0.5 && dh >= 0.5) {\n            var dx = transform[4];\n            var dy = transform[5];\n            var opacity = layerState.opacity;\n            var previousAlpha = void 0;\n            if (opacity !== 1) {\n                previousAlpha = context.globalAlpha;\n                context.globalAlpha = opacity;\n            }\n            context.drawImage(img, 0, 0, +img.width, +img.height, Math.round(dx), Math.round(dy), Math.round(dw), Math.round(dh));\n            if (opacity !== 1) {\n                context.globalAlpha = previousAlpha;\n            }\n        }\n        this.postRender(context, frameState);\n        if (clipped) {\n            context.restore();\n        }\n        if (canvasTransform !== canvas.style.transform) {\n            canvas.style.transform = canvasTransform;\n        }\n        return this.container;\n    };\n    return CanvasImageLayerRenderer;\n}(CanvasLayerRenderer));\nexport default CanvasImageLayerRenderer;\n//# sourceMappingURL=ImageLayer.js.map","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        if (typeof b !== \"function\" && b !== null)\n            throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\n/**\n * @module ol/layer/Image\n */\nimport BaseImageLayer from './BaseImage.js';\nimport CanvasImageLayerRenderer from '../renderer/canvas/ImageLayer.js';\n/**\n * @classdesc\n * Server-rendered images that are available for arbitrary extents and\n * resolutions.\n * Note that any property set in the options is set as a {@link module:ol/Object~BaseObject}\n * property on the layer object; for example, setting `title: 'My Title'` in the\n * options means that `title` is observable, and has get/set accessors.\n *\n * @template {import(\"../source/Image.js\").default} ImageSourceType\n * @extends {BaseImageLayer<ImageSourceType>}\n * @api\n */\nvar ImageLayer = /** @class */ (function (_super) {\n    __extends(ImageLayer, _super);\n    /**\n     * @param {import(\"./BaseImage.js\").Options<ImageSourceType>} [opt_options] Layer options.\n     */\n    function ImageLayer(opt_options) {\n        return _super.call(this, opt_options) || this;\n    }\n    /**\n     * Create a renderer for this layer.\n     * @return {import(\"../renderer/Layer.js\").default} A layer renderer.\n     */\n    ImageLayer.prototype.createRenderer = function () {\n        return new CanvasImageLayerRenderer(this);\n    };\n    return ImageLayer;\n}(BaseImageLayer));\nexport default ImageLayer;\n//# sourceMappingURL=Image.js.map","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        if (typeof b !== \"function\" && b !== null)\n            throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\n/**\n * @module ol/reproj/Image\n */\nimport { ERROR_THRESHOLD } from './common.js';\nimport EventType from '../events/EventType.js';\nimport ImageBase from '../ImageBase.js';\nimport ImageState from '../ImageState.js';\nimport Triangulation from './Triangulation.js';\nimport { calculateSourceResolution, render as renderReprojected, } from '../reproj.js';\nimport { getCenter, getHeight, getIntersection, getWidth } from '../extent.js';\nimport { listen, unlistenByKey } from '../events.js';\n/**\n * @typedef {function(import(\"../extent.js\").Extent, number, number) : import(\"../ImageBase.js\").default} FunctionType\n */\n/**\n * @classdesc\n * Class encapsulating single reprojected image.\n * See {@link module:ol/source/Image~ImageSource}.\n */\nvar ReprojImage = /** @class */ (function (_super) {\n    __extends(ReprojImage, _super);\n    /**\n     * @param {import(\"../proj/Projection.js\").default} sourceProj Source projection (of the data).\n     * @param {import(\"../proj/Projection.js\").default} targetProj Target projection.\n     * @param {import(\"../extent.js\").Extent} targetExtent Target extent.\n     * @param {number} targetResolution Target resolution.\n     * @param {number} pixelRatio Pixel ratio.\n     * @param {FunctionType} getImageFunction\n     *     Function returning source images (extent, resolution, pixelRatio).\n     * @param {object} [opt_contextOptions] Properties to set on the canvas context.\n     */\n    function ReprojImage(sourceProj, targetProj, targetExtent, targetResolution, pixelRatio, getImageFunction, opt_contextOptions) {\n        var _this = this;\n        var maxSourceExtent = sourceProj.getExtent();\n        var maxTargetExtent = targetProj.getExtent();\n        var limitedTargetExtent = maxTargetExtent\n            ? getIntersection(targetExtent, maxTargetExtent)\n            : targetExtent;\n        var targetCenter = getCenter(limitedTargetExtent);\n        var sourceResolution = calculateSourceResolution(sourceProj, targetProj, targetCenter, targetResolution);\n        var errorThresholdInPixels = ERROR_THRESHOLD;\n        var triangulation = new Triangulation(sourceProj, targetProj, limitedTargetExtent, maxSourceExtent, sourceResolution * errorThresholdInPixels, targetResolution);\n        var sourceExtent = triangulation.calculateSourceExtent();\n        var sourceImage = getImageFunction(sourceExtent, sourceResolution, pixelRatio);\n        var state = sourceImage ? ImageState.IDLE : ImageState.EMPTY;\n        var sourcePixelRatio = sourceImage ? sourceImage.getPixelRatio() : 1;\n        _this = _super.call(this, targetExtent, targetResolution, sourcePixelRatio, state) || this;\n        /**\n         * @private\n         * @type {import(\"../proj/Projection.js\").default}\n         */\n        _this.targetProj_ = targetProj;\n        /**\n         * @private\n         * @type {import(\"../extent.js\").Extent}\n         */\n        _this.maxSourceExtent_ = maxSourceExtent;\n        /**\n         * @private\n         * @type {!import(\"./Triangulation.js\").default}\n         */\n        _this.triangulation_ = triangulation;\n        /**\n         * @private\n         * @type {number}\n         */\n        _this.targetResolution_ = targetResolution;\n        /**\n         * @private\n         * @type {import(\"../extent.js\").Extent}\n         */\n        _this.targetExtent_ = targetExtent;\n        /**\n         * @private\n         * @type {import(\"../ImageBase.js\").default}\n         */\n        _this.sourceImage_ = sourceImage;\n        /**\n         * @private\n         * @type {number}\n         */\n        _this.sourcePixelRatio_ = sourcePixelRatio;\n        /**\n         * @private\n         * @type {object}\n         */\n        _this.contextOptions_ = opt_contextOptions;\n        /**\n         * @private\n         * @type {HTMLCanvasElement}\n         */\n        _this.canvas_ = null;\n        /**\n         * @private\n         * @type {?import(\"../events.js\").EventsKey}\n         */\n        _this.sourceListenerKey_ = null;\n        return _this;\n    }\n    /**\n     * Clean up.\n     */\n    ReprojImage.prototype.disposeInternal = function () {\n        if (this.state == ImageState.LOADING) {\n            this.unlistenSource_();\n        }\n        _super.prototype.disposeInternal.call(this);\n    };\n    /**\n     * @return {HTMLCanvasElement} Image.\n     */\n    ReprojImage.prototype.getImage = function () {\n        return this.canvas_;\n    };\n    /**\n     * @return {import(\"../proj/Projection.js\").default} Projection.\n     */\n    ReprojImage.prototype.getProjection = function () {\n        return this.targetProj_;\n    };\n    /**\n     * @private\n     */\n    ReprojImage.prototype.reproject_ = function () {\n        var sourceState = this.sourceImage_.getState();\n        if (sourceState == ImageState.LOADED) {\n            var width = getWidth(this.targetExtent_) / this.targetResolution_;\n            var height = getHeight(this.targetExtent_) / this.targetResolution_;\n            this.canvas_ = renderReprojected(width, height, this.sourcePixelRatio_, this.sourceImage_.getResolution(), this.maxSourceExtent_, this.targetResolution_, this.targetExtent_, this.triangulation_, [\n                {\n                    extent: this.sourceImage_.getExtent(),\n                    image: this.sourceImage_.getImage(),\n                },\n            ], 0, undefined, this.contextOptions_);\n        }\n        this.state = sourceState;\n        this.changed();\n    };\n    /**\n     * Load not yet loaded URI.\n     */\n    ReprojImage.prototype.load = function () {\n        if (this.state == ImageState.IDLE) {\n            this.state = ImageState.LOADING;\n            this.changed();\n            var sourceState = this.sourceImage_.getState();\n            if (sourceState == ImageState.LOADED || sourceState == ImageState.ERROR) {\n                this.reproject_();\n            }\n            else {\n                this.sourceListenerKey_ = listen(this.sourceImage_, EventType.CHANGE, function (e) {\n                    var sourceState = this.sourceImage_.getState();\n                    if (sourceState == ImageState.LOADED ||\n                        sourceState == ImageState.ERROR) {\n                        this.unlistenSource_();\n                        this.reproject_();\n                    }\n                }, this);\n                this.sourceImage_.load();\n            }\n        }\n    };\n    /**\n     * @private\n     */\n    ReprojImage.prototype.unlistenSource_ = function () {\n        unlistenByKey(\n        /** @type {!import(\"../events.js\").EventsKey} */ (this.sourceListenerKey_));\n        this.sourceListenerKey_ = null;\n    };\n    return ReprojImage;\n}(ImageBase));\nexport default ReprojImage;\n//# sourceMappingURL=Image.js.map","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        if (typeof b !== \"function\" && b !== null)\n            throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\n/**\n * @module ol/source/Image\n */\nimport Event from '../events/Event.js';\nimport ImageState from '../ImageState.js';\nimport ReprojImage from '../reproj/Image.js';\nimport Source from './Source.js';\nimport { ENABLE_RASTER_REPROJECTION } from '../reproj/common.js';\nimport { IMAGE_SMOOTHING_DISABLED } from './common.js';\nimport { abstract } from '../util.js';\nimport { equals } from '../extent.js';\nimport { equivalent } from '../proj.js';\nimport { linearFindNearest } from '../array.js';\n/**\n * @enum {string}\n */\nexport var ImageSourceEventType = {\n    /**\n     * Triggered when an image starts loading.\n     * @event module:ol/source/Image.ImageSourceEvent#imageloadstart\n     * @api\n     */\n    IMAGELOADSTART: 'imageloadstart',\n    /**\n     * Triggered when an image finishes loading.\n     * @event module:ol/source/Image.ImageSourceEvent#imageloadend\n     * @api\n     */\n    IMAGELOADEND: 'imageloadend',\n    /**\n     * Triggered if image loading results in an error.\n     * @event module:ol/source/Image.ImageSourceEvent#imageloaderror\n     * @api\n     */\n    IMAGELOADERROR: 'imageloaderror',\n};\n/**\n * @typedef {'imageloadend'|'imageloaderror'|'imageloadstart'} ImageSourceEventTypes\n */\n/**\n * @classdesc\n * Events emitted by {@link module:ol/source/Image~ImageSource} instances are instances of this\n * type.\n */\nvar ImageSourceEvent = /** @class */ (function (_super) {\n    __extends(ImageSourceEvent, _super);\n    /**\n     * @param {string} type Type.\n     * @param {import(\"../Image.js\").default} image The image.\n     */\n    function ImageSourceEvent(type, image) {\n        var _this = _super.call(this, type) || this;\n        /**\n         * The image related to the event.\n         * @type {import(\"../Image.js\").default}\n         * @api\n         */\n        _this.image = image;\n        return _this;\n    }\n    return ImageSourceEvent;\n}(Event));\nexport { ImageSourceEvent };\n/***\n * @template Return\n * @typedef {import(\"../Observable\").OnSignature<import(\"../Observable\").EventTypes, import(\"../events/Event.js\").default, Return> &\n *   import(\"../Observable\").OnSignature<import(\"../ObjectEventType\").Types, import(\"../Object\").ObjectEvent, Return> &\n *   import(\"../Observable\").OnSignature<ImageSourceEventTypes, ImageSourceEvent, Return> &\n *   import(\"../Observable\").CombinedOnSignature<import(\"../Observable\").EventTypes|import(\"../ObjectEventType\").Types\n *     |ImageSourceEventTypes, Return>} ImageSourceOnSignature\n */\n/**\n * @typedef {Object} Options\n * @property {import(\"./Source.js\").AttributionLike} [attributions] Attributions.\n * @property {boolean} [imageSmoothing=true] Enable image smoothing.\n * @property {import(\"../proj.js\").ProjectionLike} [projection] Projection.\n * @property {Array<number>} [resolutions] Resolutions.\n * @property {import(\"./State.js\").default} [state] State.\n */\n/**\n * @classdesc\n * Abstract base class; normally only used for creating subclasses and not\n * instantiated in apps.\n * Base class for sources providing a single image.\n * @abstract\n * @fires module:ol/source/Image.ImageSourceEvent\n * @api\n */\nvar ImageSource = /** @class */ (function (_super) {\n    __extends(ImageSource, _super);\n    /**\n     * @param {Options} options Single image source options.\n     */\n    function ImageSource(options) {\n        var _this = _super.call(this, {\n            attributions: options.attributions,\n            projection: options.projection,\n            state: options.state,\n        }) || this;\n        /***\n         * @type {ImageSourceOnSignature<import(\"../events\").EventsKey>}\n         */\n        _this.on;\n        /***\n         * @type {ImageSourceOnSignature<import(\"../events\").EventsKey>}\n         */\n        _this.once;\n        /***\n         * @type {ImageSourceOnSignature<void>}\n         */\n        _this.un;\n        /**\n         * @private\n         * @type {Array<number>}\n         */\n        _this.resolutions_ =\n            options.resolutions !== undefined ? options.resolutions : null;\n        /**\n         * @private\n         * @type {import(\"../reproj/Image.js\").default}\n         */\n        _this.reprojectedImage_ = null;\n        /**\n         * @private\n         * @type {number}\n         */\n        _this.reprojectedRevision_ = 0;\n        /**\n         * @private\n         * @type {object|undefined}\n         */\n        _this.contextOptions_ =\n            options.imageSmoothing === false ? IMAGE_SMOOTHING_DISABLED : undefined;\n        return _this;\n    }\n    /**\n     * @return {Array<number>} Resolutions.\n     */\n    ImageSource.prototype.getResolutions = function () {\n        return this.resolutions_;\n    };\n    /**\n     * @return {Object|undefined} Context options.\n     */\n    ImageSource.prototype.getContextOptions = function () {\n        return this.contextOptions_;\n    };\n    /**\n     * @protected\n     * @param {number} resolution Resolution.\n     * @return {number} Resolution.\n     */\n    ImageSource.prototype.findNearestResolution = function (resolution) {\n        if (this.resolutions_) {\n            var idx = linearFindNearest(this.resolutions_, resolution, 0);\n            resolution = this.resolutions_[idx];\n        }\n        return resolution;\n    };\n    /**\n     * @param {import(\"../extent.js\").Extent} extent Extent.\n     * @param {number} resolution Resolution.\n     * @param {number} pixelRatio Pixel ratio.\n     * @param {import(\"../proj/Projection.js\").default} projection Projection.\n     * @return {import(\"../ImageBase.js\").default} Single image.\n     */\n    ImageSource.prototype.getImage = function (extent, resolution, pixelRatio, projection) {\n        var sourceProjection = this.getProjection();\n        if (!ENABLE_RASTER_REPROJECTION ||\n            !sourceProjection ||\n            !projection ||\n            equivalent(sourceProjection, projection)) {\n            if (sourceProjection) {\n                projection = sourceProjection;\n            }\n            return this.getImageInternal(extent, resolution, pixelRatio, projection);\n        }\n        else {\n            if (this.reprojectedImage_) {\n                if (this.reprojectedRevision_ == this.getRevision() &&\n                    equivalent(this.reprojectedImage_.getProjection(), projection) &&\n                    this.reprojectedImage_.getResolution() == resolution &&\n                    equals(this.reprojectedImage_.getExtent(), extent)) {\n                    return this.reprojectedImage_;\n                }\n                this.reprojectedImage_.dispose();\n                this.reprojectedImage_ = null;\n            }\n            this.reprojectedImage_ = new ReprojImage(sourceProjection, projection, extent, resolution, pixelRatio, function (extent, resolution, pixelRatio) {\n                return this.getImageInternal(extent, resolution, pixelRatio, sourceProjection);\n            }.bind(this), this.contextOptions_);\n            this.reprojectedRevision_ = this.getRevision();\n            return this.reprojectedImage_;\n        }\n    };\n    /**\n     * @abstract\n     * @param {import(\"../extent.js\").Extent} extent Extent.\n     * @param {number} resolution Resolution.\n     * @param {number} pixelRatio Pixel ratio.\n     * @param {import(\"../proj/Projection.js\").default} projection Projection.\n     * @return {import(\"../ImageBase.js\").default} Single image.\n     * @protected\n     */\n    ImageSource.prototype.getImageInternal = function (extent, resolution, pixelRatio, projection) {\n        return abstract();\n    };\n    /**\n     * Handle image change events.\n     * @param {import(\"../events/Event.js\").default} event Event.\n     * @protected\n     */\n    ImageSource.prototype.handleImageChange = function (event) {\n        var image = /** @type {import(\"../Image.js\").default} */ (event.target);\n        switch (image.getState()) {\n            case ImageState.LOADING:\n                this.loading = true;\n                this.dispatchEvent(new ImageSourceEvent(ImageSourceEventType.IMAGELOADSTART, image));\n                break;\n            case ImageState.LOADED:\n                this.loading = false;\n                this.dispatchEvent(new ImageSourceEvent(ImageSourceEventType.IMAGELOADEND, image));\n                break;\n            case ImageState.ERROR:\n                this.loading = false;\n                this.dispatchEvent(new ImageSourceEvent(ImageSourceEventType.IMAGELOADERROR, image));\n                break;\n            default:\n            // pass\n        }\n    };\n    return ImageSource;\n}(Source));\n/**\n * Default image load function for image sources that use import(\"../Image.js\").Image image\n * instances.\n * @param {import(\"../Image.js\").default} image Image.\n * @param {string} src Source.\n */\nexport function defaultImageLoadFunction(image, src) {\n    /** @type {HTMLImageElement|HTMLVideoElement} */ (image.getImage()).src = src;\n}\nexport default ImageSource;\n//# sourceMappingURL=Image.js.map","/**\n * @module ol/uri\n */\n/**\n * Appends query parameters to a URI.\n *\n * @param {string} uri The original URI, which may already have query data.\n * @param {!Object} params An object where keys are URI-encoded parameter keys,\n *     and the values are arbitrary types or arrays.\n * @return {string} The new URI.\n */\nexport function appendParams(uri, params) {\n    var keyParams = [];\n    // Skip any null or undefined parameter values\n    Object.keys(params).forEach(function (k) {\n        if (params[k] !== null && params[k] !== undefined) {\n            keyParams.push(k + '=' + encodeURIComponent(params[k]));\n        }\n    });\n    var qs = keyParams.join('&');\n    // remove any trailing ? or &\n    uri = uri.replace(/[?&]$/, '');\n    // append ? or & depending on whether uri has existing parameters\n    uri = uri.indexOf('?') === -1 ? uri + '?' : uri + '&';\n    return uri + qs;\n}\n//# sourceMappingURL=uri.js.map","/**\n * @module ol/source/ImageArcGISRest\n */\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        if (typeof b !== \"function\" && b !== null)\n            throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport EventType from '../events/EventType.js';\nimport ImageSource, { defaultImageLoadFunction } from './Image.js';\nimport ImageWrapper from '../Image.js';\nimport { appendParams } from '../uri.js';\nimport { assert } from '../asserts.js';\nimport { assign } from '../obj.js';\nimport { containsExtent, getHeight, getWidth } from '../extent.js';\n/**\n * @typedef {Object} Options\n * @property {import(\"./Source.js\").AttributionLike} [attributions] Attributions.\n * @property {null|string} [crossOrigin] The `crossOrigin` attribute for loaded images.  Note that\n * you must provide a `crossOrigin` value if you want to access pixel data with the Canvas renderer.\n * See https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image for more detail.\n * @property {boolean} [hidpi=true] Use the `ol/Map#pixelRatio` value when requesting the image from\n * the remote server.\n * @property {import(\"../Image.js\").LoadFunction} [imageLoadFunction] Optional function to load an image given\n * a URL.\n * @property {boolean} [imageSmoothing=true] Enable image smoothing.\n * @property {Object<string,*>} [params] ArcGIS Rest parameters. This field is optional. Service\n * defaults will be used for any fields not specified. `FORMAT` is `PNG32` by default. `F` is\n * `IMAGE` by default. `TRANSPARENT` is `true` by default.  `BBOX`, `SIZE`, `BBOXSR`, and `IMAGESR`\n * will be set dynamically. Set `LAYERS` to override the default service layer visibility. See\n * https://developers.arcgis.com/rest/services-reference/export-map.htm\n * for further reference.\n * @property {import(\"../proj.js\").ProjectionLike} [projection] Projection. Default is the view projection.\n * The projection code must contain a numeric end portion separated by :\n * or the entire code must form a valid ArcGIS SpatialReference definition.\n * @property {number} [ratio=1.5] Ratio. `1` means image requests are the size of the map viewport,\n * `2` means twice the size of the map viewport, and so on.\n * @property {Array<number>} [resolutions] Resolutions. If specified, requests will be made for\n * these resolutions only.\n * @property {string} [url] ArcGIS Rest service URL for a Map Service or Image Service. The url\n * should include /MapServer or /ImageServer.\n */\n/**\n * @classdesc\n * Source for data from ArcGIS Rest services providing single, untiled images.\n * Useful when underlying map service has labels.\n *\n * If underlying map service is not using labels,\n * take advantage of ol image caching and use\n * {@link module:ol/source/TileArcGISRest} data source.\n *\n * @fires module:ol/source/Image.ImageSourceEvent\n * @api\n */\nvar ImageArcGISRest = /** @class */ (function (_super) {\n    __extends(ImageArcGISRest, _super);\n    /**\n     * @param {Options} [opt_options] Image ArcGIS Rest Options.\n     */\n    function ImageArcGISRest(opt_options) {\n        var _this = this;\n        var options = opt_options ? opt_options : {};\n        _this = _super.call(this, {\n            attributions: options.attributions,\n            imageSmoothing: options.imageSmoothing,\n            projection: options.projection,\n            resolutions: options.resolutions,\n        }) || this;\n        /**\n         * @private\n         * @type {?string}\n         */\n        _this.crossOrigin_ =\n            options.crossOrigin !== undefined ? options.crossOrigin : null;\n        /**\n         * @private\n         * @type {boolean}\n         */\n        _this.hidpi_ = options.hidpi !== undefined ? options.hidpi : true;\n        /**\n         * @private\n         * @type {string|undefined}\n         */\n        _this.url_ = options.url;\n        /**\n         * @private\n         * @type {import(\"../Image.js\").LoadFunction}\n         */\n        _this.imageLoadFunction_ =\n            options.imageLoadFunction !== undefined\n                ? options.imageLoadFunction\n                : defaultImageLoadFunction;\n        /**\n         * @private\n         * @type {!Object}\n         */\n        _this.params_ = options.params || {};\n        /**\n         * @private\n         * @type {import(\"../Image.js\").default}\n         */\n        _this.image_ = null;\n        /**\n         * @private\n         * @type {import(\"../size.js\").Size}\n         */\n        _this.imageSize_ = [0, 0];\n        /**\n         * @private\n         * @type {number}\n         */\n        _this.renderedRevision_ = 0;\n        /**\n         * @private\n         * @type {number}\n         */\n        _this.ratio_ = options.ratio !== undefined ? options.ratio : 1.5;\n        return _this;\n    }\n    /**\n     * Get the user-provided params, i.e. those passed to the constructor through\n     * the \"params\" option, and possibly updated using the updateParams method.\n     * @return {Object} Params.\n     * @api\n     */\n    ImageArcGISRest.prototype.getParams = function () {\n        return this.params_;\n    };\n    /**\n     * @param {import(\"../extent.js\").Extent} extent Extent.\n     * @param {number} resolution Resolution.\n     * @param {number} pixelRatio Pixel ratio.\n     * @param {import(\"../proj/Projection.js\").default} projection Projection.\n     * @return {import(\"../Image.js\").default} Single image.\n     */\n    ImageArcGISRest.prototype.getImageInternal = function (extent, resolution, pixelRatio, projection) {\n        if (this.url_ === undefined) {\n            return null;\n        }\n        resolution = this.findNearestResolution(resolution);\n        pixelRatio = this.hidpi_ ? pixelRatio : 1;\n        var image = this.image_;\n        if (image &&\n            this.renderedRevision_ == this.getRevision() &&\n            image.getResolution() == resolution &&\n            image.getPixelRatio() == pixelRatio &&\n            containsExtent(image.getExtent(), extent)) {\n            return image;\n        }\n        var params = {\n            'F': 'image',\n            'FORMAT': 'PNG32',\n            'TRANSPARENT': true,\n        };\n        assign(params, this.params_);\n        extent = extent.slice();\n        var centerX = (extent[0] + extent[2]) / 2;\n        var centerY = (extent[1] + extent[3]) / 2;\n        if (this.ratio_ != 1) {\n            var halfWidth = (this.ratio_ * getWidth(extent)) / 2;\n            var halfHeight = (this.ratio_ * getHeight(extent)) / 2;\n            extent[0] = centerX - halfWidth;\n            extent[1] = centerY - halfHeight;\n            extent[2] = centerX + halfWidth;\n            extent[3] = centerY + halfHeight;\n        }\n        var imageResolution = resolution / pixelRatio;\n        // Compute an integer width and height.\n        var width = Math.ceil(getWidth(extent) / imageResolution);\n        var height = Math.ceil(getHeight(extent) / imageResolution);\n        // Modify the extent to match the integer width and height.\n        extent[0] = centerX - (imageResolution * width) / 2;\n        extent[2] = centerX + (imageResolution * width) / 2;\n        extent[1] = centerY - (imageResolution * height) / 2;\n        extent[3] = centerY + (imageResolution * height) / 2;\n        this.imageSize_[0] = width;\n        this.imageSize_[1] = height;\n        var url = this.getRequestUrl_(extent, this.imageSize_, pixelRatio, projection, params);\n        this.image_ = new ImageWrapper(extent, resolution, pixelRatio, url, this.crossOrigin_, this.imageLoadFunction_);\n        this.renderedRevision_ = this.getRevision();\n        this.image_.addEventListener(EventType.CHANGE, this.handleImageChange.bind(this));\n        return this.image_;\n    };\n    /**\n     * Return the image load function of the source.\n     * @return {import(\"../Image.js\").LoadFunction} The image load function.\n     * @api\n     */\n    ImageArcGISRest.prototype.getImageLoadFunction = function () {\n        return this.imageLoadFunction_;\n    };\n    /**\n     * @param {import(\"../extent.js\").Extent} extent Extent.\n     * @param {import(\"../size.js\").Size} size Size.\n     * @param {number} pixelRatio Pixel ratio.\n     * @param {import(\"../proj/Projection.js\").default} projection Projection.\n     * @param {Object} params Params.\n     * @return {string} Request URL.\n     * @private\n     */\n    ImageArcGISRest.prototype.getRequestUrl_ = function (extent, size, pixelRatio, projection, params) {\n        // ArcGIS Server only wants the numeric portion of the projection ID.\n        // (if there is no numeric portion the entire projection code must\n        // form a valid ArcGIS SpatialReference definition).\n        var srid = projection\n            .getCode()\n            .split(/:(?=\\d+$)/)\n            .pop();\n        params['SIZE'] = size[0] + ',' + size[1];\n        params['BBOX'] = extent.join(',');\n        params['BBOXSR'] = srid;\n        params['IMAGESR'] = srid;\n        params['DPI'] = Math.round(90 * pixelRatio);\n        var url = this.url_;\n        var modifiedUrl = url\n            .replace(/MapServer\\/?$/, 'MapServer/export')\n            .replace(/ImageServer\\/?$/, 'ImageServer/exportImage');\n        if (modifiedUrl == url) {\n            assert(false, 50); // `options.featureTypes` should be an Array\n        }\n        return appendParams(modifiedUrl, params);\n    };\n    /**\n     * Return the URL used for this ArcGIS source.\n     * @return {string|undefined} URL.\n     * @api\n     */\n    ImageArcGISRest.prototype.getUrl = function () {\n        return this.url_;\n    };\n    /**\n     * Set the image load function of the source.\n     * @param {import(\"../Image.js\").LoadFunction} imageLoadFunction Image load function.\n     * @api\n     */\n    ImageArcGISRest.prototype.setImageLoadFunction = function (imageLoadFunction) {\n        this.image_ = null;\n        this.imageLoadFunction_ = imageLoadFunction;\n        this.changed();\n    };\n    /**\n     * Set the URL to use for requests.\n     * @param {string|undefined} url URL.\n     * @api\n     */\n    ImageArcGISRest.prototype.setUrl = function (url) {\n        if (url != this.url_) {\n            this.url_ = url;\n            this.image_ = null;\n            this.changed();\n        }\n    };\n    /**\n     * Update the user-provided params.\n     * @param {Object} params Params.\n     * @api\n     */\n    ImageArcGISRest.prototype.updateParams = function (params) {\n        assign(this.params_, params);\n        this.image_ = null;\n        this.changed();\n    };\n    return ImageArcGISRest;\n}(ImageSource));\nexport default ImageArcGISRest;\n//# sourceMappingURL=ImageArcGISRest.js.map","<template>\r\n  <div id=\"mapOld\">\r\n\r\n    <!-- =============== Button  - Left Panel =============== -->\r\n    <div id=\"btn-group\" :class=\"$vuetify.breakpoint.lgAndUp ? 'ma-5' : 'my-5'\">\r\n\r\n      <!-- (Search) -->\r\n      <v-tooltip right>\r\n        <template v-slot:activator=\"{ on, attrs }\">\r\n          <v-btn\r\n          v-bind=\"attrs\"\r\n          v-on=\"on\"\r\n          class=\"mb-3 ml-4\"\r\n          :small=\"$vuetify.breakpoint.lgAndUp ? false : true\"\r\n          fab\r\n          dark\r\n          color=\"white\"\r\n          @click=\"displaySearch =  !displaySearch; mapButton = false; infoButton = false;\"\r\n          >\r\n            <v-icon color=\"text\">\r\n              mdi-magnify\r\n            </v-icon>\r\n           </v-btn>\r\n        </template>\r\n        <span>Search</span>\r\n      </v-tooltip>\r\n\r\n      <br>\r\n\r\n      <!-- (Home) -->\r\n      <v-tooltip right>\r\n        <template v-slot:activator=\"{ on, attrs }\">\r\n            <v-btn\r\n            v-bind=\"attrs\"\r\n            v-on=\"on\"\r\n            class=\"mb-3 ml-4\"\r\n            :small=\"$vuetify.breakpoint.lgAndUp ? false : true\"\r\n            fab\r\n            dark\r\n            color=\"white\"\r\n            @click=\"home(); displaySearch = false\"\r\n            >\r\n              <v-icon color=\"text\">\r\n                mdi-home\r\n              </v-icon>\r\n            </v-btn>\r\n        </template>\r\n        <span>Home</span>\r\n      </v-tooltip>\r\n\r\n      <br/>\r\n\r\n      <!-- (Basemap) -->\r\n      <v-tooltip right>\r\n        <template v-slot:activator=\"{ on, attrs }\">\r\n            <v-btn\r\n            v-bind=\"attrs\"\r\n            v-on=\"on\"\r\n            class=\"mb-3 ml-4\"\r\n            :small=\"$vuetify.breakpoint.lgAndUp ? false : true\"\r\n            fab\r\n            dark\r\n            color=\"white\"\r\n            @click=\" mapButton = !mapButton; infoButton = false; displaySearch = false; \"\r\n            >\r\n              <v-icon dark color=\"text\">\r\n                mdi-map\r\n              </v-icon>\r\n            </v-btn>\r\n        </template>\r\n        <span>Basemap</span>\r\n      </v-tooltip>\r\n\r\n      <br/>\r\n\r\n      <!-- (Information) -->\r\n      <v-tooltip right>\r\n        <template v-slot:activator=\"{ on, attrs }\">\r\n            <v-btn\r\n            v-bind=\"attrs\"\r\n            v-on=\"on\"\r\n            class=\"mb-3 ml-4\"\r\n            :small=\"$vuetify.breakpoint.lgAndUp ? false : true\"\r\n            fab\r\n            dark\r\n            color=\"white\"\r\n            @click=\" infoButton = !infoButton; mapButton = false; displaySearch = false; \"\r\n            >\r\n              <v-icon dark color=\"text\">\r\n                mdi-information-outline\r\n              </v-icon>\r\n            </v-btn>\r\n        </template>\r\n        <span>Information</span>\r\n      </v-tooltip>\r\n\r\n      <br/>\r\n\r\n      <!-- (Point Of Interest) -->\r\n      <v-tooltip right>\r\n        <template v-slot:activator=\"{ on, attrs }\">\r\n            <v-btn\r\n            v-bind=\"attrs\"\r\n            v-on=\"on\"\r\n            :class=\"[poiState ? 'primary  mb-3 ml-4  font-weight-black justify-center align-center' : 'white text--text mb-3 ml-4 font-weight-black justify-center align-center' ,  $vuetify.breakpoint.lgAndUp ? 'text-h1' : 'text-h6']\"\r\n            :height=\"$vuetify.breakpoint.lgAndUp ? '56px' : '40px'\"\r\n            :width=\"$vuetify.breakpoint.lgAndUp ? '56px' : '40px'\"\r\n            icon \r\n            elevation=\"1\"\r\n            @click=\"displayPOI(); \"\r\n            >\r\n              <v-icon dark :color=\"poiState ? 'white' : 'text'\">\r\n                mdi-map-marker\r\n              </v-icon>\r\n              </v-btn>\r\n          </template>\r\n        <span>Point Of Interest</span>\r\n      </v-tooltip>\r\n      \r\n      <br/> \r\n\r\n      <!-- (Automated Station) -->\r\n      <v-tooltip right>\r\n        <template v-slot:activator=\"{ on, attrs }\">\r\n          <v-btn\r\n          v-bind=\"attrs\"\r\n          v-on=\"on\"\r\n          :class=\"automatedState ? 'primary white--text mb-3 ml-4  font-weight-black text-h6 justify-center align-center' : 'white text--text mb-3 ml-4 font-weight-black text-h6 justify-center align-center' \"\r\n          :small=\"$vuetify.breakpoint.lgAndUp ? false : true\"\r\n          @click=\"displayAutomated();\"\r\n          :height=\"$vuetify.breakpoint.lgAndUp ? '56px' : '40px'\"\r\n          :width=\"$vuetify.breakpoint.lgAndUp ? '56px' : '40px'\"\r\n          icon \r\n          elevation=\"1\"\r\n          >\r\n            C\r\n          </v-btn>\r\n        </template>\r\n        <span>Continuous Station</span>\r\n      </v-tooltip>\r\n\r\n      <br/>\r\n\r\n      <!-- (Manual Station) -->\r\n      <v-tooltip right>\r\n        <template v-slot:activator=\"{ on, attrs }\">\r\n            <v-btn\r\n            v-bind=\"attrs\"\r\n            v-on=\"on\"\r\n            :class=\"manualState ? 'primary white--text mb-3 ml-4  font-weight-black text-h6 justify-center align-center' : 'white text--text mb-3 ml-4 font-weight-black text-h6 justify-center align-center' \"\r\n            :small=\"$vuetify.breakpoint.lgAndUp ? false : true\"\r\n            :height=\"$vuetify.breakpoint.lgAndUp ? '56px' : '40px'\"\r\n            :width=\"$vuetify.breakpoint.lgAndUp ? '56px' : '40px'\"\r\n            elevation=\"1\"\r\n            icon\r\n            @click=\"displayManual();\"\r\n            >\r\n              M\r\n            </v-btn>\r\n        </template>\r\n        <span>Manual Station</span>\r\n      </v-tooltip>\r\n\r\n      <br/>\r\n\r\n      <!-- (Investigative Study) -->\r\n      <v-tooltip right>\r\n        <template v-slot:activator=\"{ on, attrs }\">\r\n            <v-btn\r\n            v-bind=\"attrs\"\r\n            v-on=\"on\"\r\n            :class=\"isState ? 'primary white--text mb-3 ml-4  font-weight-black text-h6 justify-center align-center' : 'white text--text mb-3 ml-4 font-weight-black text-h6 justify-center align-center' \"\r\n            :height=\"$vuetify.breakpoint.lgAndUp ? '56px' : '40px'\"\r\n            :width=\"$vuetify.breakpoint.lgAndUp ? '56px' : '40px'\"\r\n            @click=\"displayIS(); \"\r\n            icon\r\n            elevation=\"1\"\r\n            >\r\n              IS\r\n            </v-btn>\r\n        </template>\r\n        <span>Investigative Study</span>\r\n      </v-tooltip>\r\n\r\n      <br/>\r\n\r\n      <!-- (Baseline Study) -->\r\n      <v-tooltip right>\r\n        <template v-slot:activator=\"{ on, attrs }\">\r\n            <v-btn\r\n            v-bind=\"attrs\"\r\n            v-on=\"on\"\r\n            :class=\"bsState ? 'primary white--text mb-3 ml-4  font-weight-black text-h6 justify-center align-center' : 'white text--text mb-3 ml-4 font-weight-black text-h6 justify-center align-center' \"\r\n            :height=\"$vuetify.breakpoint.lgAndUp ? '56px' : '40px'\"\r\n            :width=\"$vuetify.breakpoint.lgAndUp ? '56px' : '40px'\"\r\n            @click=\"displayBS(); \"\r\n            icon\r\n            elevation=\"1\"\r\n            >\r\n              BS\r\n            </v-btn>\r\n        </template>\r\n        <span>Baseline Study</span>\r\n      </v-tooltip>\r\n      \r\n    </div>\r\n\r\n\r\n\r\n    <!-- =============== Card Content - Left Panel =============== -->\r\n    <!-- (Basemap) -->\r\n    <v-card :class=\"$vuetify.breakpoint.lgAndUp ? 'class-card-map' : 'class-card-map-mobile'\" v-show=\"mapButton\">\r\n      <div class=\"justify-center align-center primary white--text text-center pa-3 card-header\" >\r\n        Map View Options\r\n      </div>\r\n\r\n      <template v-for=\"(item, index) in listMapViews\">\r\n        <v-row class=\"px-3\" :key=\"index\">\r\n          <v-col cols=\"6\" class=\"pa-4\">\r\n            <v-img\r\n              :src=\"item.src\"\r\n              contain\r\n              @click=\"changeBasemap(item.layer)\"\r\n            ></v-img>\r\n          </v-col>\r\n\r\n          <v-col cols=\"6\" class=\"pa-4 caption\" @click=\"changeBasemap(item.layer)\">\r\n            {{ item.name }}\r\n          </v-col>\r\n        </v-row>\r\n      </template>\r\n    </v-card>\r\n    \r\n    <!-- (Information) -->\r\n    <v-card :class=\"$vuetify.breakpoint.lgAndUp ? 'class-card-info' : 'class-card-info-mobile'\" v-show=\"infoButton\">\r\n      <div class=\"justify-center align-center primary white--text text-center pa-3 body-1 card-header\" >\r\n        Information\r\n      </div>\r\n\r\n      <div class=\"text-center pa-3 body-2\">\r\n        Station Status\r\n      </div>\r\n\r\n      <template v-for=\"(item, index) in station_status\">\r\n        <v-row class=\"px-5\" :key=\"'B' + index\">\r\n          <v-col cols=\"6\" class=\"px-4 py-1 text-center\">\r\n             <v-img\r\n              height=\"60px\"\r\n              :src=\"item.img\"\r\n              contain\r\n              @click=\"changeBasemap(item.layer)\"\r\n            ></v-img>\r\n          </v-col>\r\n\r\n          <v-col cols=\"6\" class=\"'px-4 py-3 caption\" >\r\n            {{ item.text }}\r\n          </v-col>\r\n        </v-row>\r\n      </template>\r\n\r\n      <!-- <div class=\"text-center pa-3\">WQI Class</div>\r\n\r\n      <template v-for=\"(item, index) in listInfoViews\">\r\n        <v-row class=\"px-5\" :key=\"'A' + index\">\r\n          <v-col cols=\"6\" class=\"px-4 py-1 text-center\">\r\n            <v-icon>\r\n              {{ item.icon }}\r\n            </v-icon>\r\n          </v-col>\r\n\r\n          <v-col cols=\"6\" class=\"px-4 py-1\">\r\n            {{ item.name }}\r\n          </v-col>\r\n        </v-row>\r\n      </template> -->\r\n    </v-card>\r\n\r\n    <!-- (Search) -->\r\n    <v-card \r\n    height=\"125px\"\r\n    width=\"250px\"\r\n    class=\"ma-0 pa-2 v-card-search \"  \r\n    v-show=\"displaySearch\"\r\n    >\r\n\r\n      <v-card-subtitle>\r\n\r\n        <v-row>\r\n          <v-col class = \"ma-0 pa-0\" cols=4>State:</v-col>\r\n          <v-col class = \"ma-0 pa-0\" cols=8>\r\n             <v-select\r\n                v-model=\"searchState\"\r\n                v-show=\"$vuetify.breakpoint.lgAndUp ? true : false\"\r\n                :items=\"stateList\"\r\n                label=\"State\"  \r\n                class=\"v-select-info\"\r\n                solo\r\n                dense\r\n                item-text=\"name\"\r\n                return-object\r\n                @change=\"zoomToExtend(); searchStationList();\"\r\n              ></v-select>\r\n          </v-col>\r\n        </v-row>\r\n        \r\n        <v-row>\r\n            <v-col class = \"ma-0 pa-0\" cols=4>Station:</v-col>\r\n            <v-col class = \"ma-0 pa-0\" cols=8>\r\n              <v-select\r\n                  v-model=\"searchStation\"\r\n                  v-show=\"$vuetify.breakpoint.lgAndUp ? true : false\"\r\n                  :items=\"stationSearch\"\r\n                  label=\"Station\"  \r\n                  class=\"v-select-info\"\r\n                  solo\r\n                  dense\r\n                  item-text=\"STATION_ID_A\"\r\n                  return-object\r\n                  @change=\"searchStations()\"\r\n                ></v-select>\r\n            </v-col>\r\n          </v-row>\r\n\r\n      </v-card-subtitle>\r\n\r\n    </v-card>\r\n    \r\n    <!-- (POI Information) -->\r\n    <v-card\r\n    class=\"mx-auto station-info-card\"\r\n    :max-width=\"$vuetify.breakpoint.xs ? '350' : '425'\"\r\n    min-width=\"350\"\r\n    max-height=\"90%\"\r\n    outlined\r\n    v-show = \"displayPOITable\"\r\n    >\r\n\r\n        <v-card-title class=\"pa-2 primary\">\r\n          <h5>{{ selectedFeature.NAME }}</h5>\r\n\r\n          <v-spacer></v-spacer>\r\n\r\n          <v-btn\r\n          dark\r\n          icon\r\n          x-small\r\n          @click=\" displayPOITable = !displayPOITable; \"\r\n          >\r\n            <v-icon>mdi-close</v-icon>\r\n          </v-btn>\r\n        </v-card-title>\r\n\r\n        <v-card-text>\r\n\r\n          <v-list class=\"transparent\">\r\n\r\n            <v-list-item>\r\n              <v-list-item-title>Coordinate:</v-list-item-title>\r\n\r\n              <v-list-item-subtitle class=\"poi-description overflow-visible\">\r\n                {{ selectedFeature.LONGITUDE + \", \" + selectedFeature.LATITUDE }}\r\n              </v-list-item-subtitle>\r\n            </v-list-item>\r\n\r\n            <!-- <v-list-item>\r\n                <v-list-item-title>Latitude:</v-list-item-title>\r\n\r\n                <v-list-item-subtitle>\r\n                    {{ selectedFeature.latitude }}\r\n                </v-list-item-subtitle>\r\n            </v-list-item> -->\r\n\r\n            <v-list-item>\r\n              <v-list-item-title>Description:</v-list-item-title>\r\n\r\n              <v-list-item-subtitle class=\"poi-description overflow-visible\">\r\n                {{ selectedFeature.DESCRIPTION }}\r\n              </v-list-item-subtitle>\r\n            </v-list-item>\r\n\r\n\r\n            <v-list-item>\r\n\r\n              <v-list-item-title>Picture:</v-list-item-title>\r\n\r\n              <v-list-item-subtitle class=\"poi-description overflow-visible\">\r\n                <template>\r\n                  <v-row>\r\n\r\n                    <v-col\r\n                    class=\"d-flex child-flex\"\r\n                    cols=\"12\"\r\n                    v-if=\"selectedFeature.PICTURE_PATH !== ''\"\r\n                    >\r\n                      <v-img\r\n                      :src=\"selectedFeature.PICTURE_PATH\"\r\n                      aspect-ratio=\"1\"\r\n                      class=\"grey lighten-2\"\r\n                      >\r\n                        <template v-slot:placeholder>\r\n                          <v-row\r\n                          class=\"fill-height ma-0\"\r\n                          align=\"center\"\r\n                          justify=\"center\"\r\n                          >\r\n                            <v-progress-circular\r\n                            indeterminate\r\n                            color=\"grey lighten-5\"\r\n                            ></v-progress-circular>\r\n                          </v-row>\r\n                        </template>\r\n                      </v-img>\r\n                    </v-col>\r\n\r\n                    <v-col v-else>\r\n                      None\r\n                    </v-col>\r\n\r\n                  </v-row>\r\n                </template>\r\n              </v-list-item-subtitle>\r\n\r\n            </v-list-item>\r\n\r\n          </v-list>\r\n\r\n        </v-card-text>\r\n\r\n    </v-card>\r\n\r\n\r\n\r\n    <!-- =============== Card Content - Right Panel =============== -->\r\n    <!-- (Details Popup after click on station icon) -->\r\n    <v-card \r\n    :class=\" $vuetify.breakpoint.lgAndUp ? 'mx-auto station-info-card' : 'mx-auto station-info-card-mobile' \"\r\n    :max-width=\"$vuetify.breakpoint.xs ? '320' : '700'\"\r\n    width=\"700\"\r\n    max-height=\"85%\"\r\n    outlined\r\n    v-show=\"displayInformation\"\r\n    v-if=\"selectedFeature !== '' && selectedFeature.STATION_ID_A !== undefined\"\r\n    >\r\n\r\n      <v-card-title class=\"pa-1 card-header \">\r\n\r\n        <v-spacer></v-spacer>\r\n\r\n        <v-tooltip right>\r\n\r\n          <template v-slot:activator=\"{ on, attrs }\">\r\n            <v-btn\r\n            v-bind=\"attrs\"\r\n            v-on=\"on\"\r\n            dark\r\n            icon\r\n            x-small\r\n            @click=\"displayInformation = !displayInformation\"\r\n            >\r\n              <v-icon>mdi-close</v-icon>\r\n            </v-btn>\r\n          </template>\r\n\r\n          Close\r\n\r\n        </v-tooltip>\r\n      \r\n\r\n        <v-card-text v-if=\"selectedFeature !== ''\" >\r\n          <v-list-item three-line dark class=\"pl-0 pr-0\">\r\n\r\n            <v-list-item-avatar class=\"mr-2\">\r\n              <v-icon size = \"45px\">\r\n                mdi-map-marker-multiple\r\n              </v-icon>\r\n            </v-list-item-avatar>\r\n\r\n            <v-list-item-content class=\"text-h6 \">\r\n                STATION: {{ selectedFeature.STATION_ID_A }}\r\n            </v-list-item-content>\r\n\r\n          \r\n            <v-list-item-content>\r\n              Location : {{ selectedFeature.LOCATION }} \r\n              <br>\r\n\r\n              Last Updated:\r\n              <br>\r\n            \r\n              {{\r\n                new Date(selectedFeature.DATETIME_A).toLocaleDateString(\"en-GB\") +\r\n                  \", \" +\r\n                  new Date(selectedFeature.DATETIME_A).toLocaleTimeString()\r\n              }}\r\n            </v-list-item-content>\r\n\r\n            <!-- ----------------COMMENT FOR THE TIME BEING---------------------- -->\r\n            <!-- <v-list-item-content v-if=\"selectedFeature.PARAM_PH_CLASS === 'I'\">\r\n              <div class=\"reading-info-card class-I\">\r\n                <div class=\"text-h4\" id=\"info_reading\">\r\n                  {{ selectedFeature.PARAM_PH }}\r\n                </div>\r\n                <div class=\"text-h6\" id=\"info_class\">\r\n                  CLASS {{ selectedFeature.PARAM_PH_CLASS }}\r\n                </div>\r\n              </div>\r\n            </v-list-item-content>\r\n            <v-list-item-content\r\n              v-else-if=\"selectedFeature.PARAM_PH_CLASS === 'II'\"\r\n            >\r\n              <div class=\"reading-info-card class-II\">\r\n                <div class=\"text-h4\" id=\"info_reading\">\r\n                  {{ selectedFeature.PARAM_PH }}\r\n                </div>\r\n                <div class=\"text-h6\" id=\"info_class\">\r\n                  CLASS {{ selectedFeature.PARAM_PH_CLASS }}\r\n                </div>\r\n              </div>\r\n            </v-list-item-content>\r\n            <v-list-item-content\r\n              v-else-if=\"selectedFeature.PARAM_PH_CLASS === 'III'\"\r\n            >\r\n              <div class=\"reading-info-card class-III\">\r\n                <div class=\"text-h4\" id=\"info_reading\">\r\n                  {{ selectedFeature.PARAM_PH }}\r\n                </div>\r\n                <div class=\"text-h6\" id=\"info_class\">\r\n                  CLASS {{ selectedFeature.PARAM_PH_CLASS }}\r\n                </div>\r\n              </div>\r\n            </v-list-item-content>\r\n            <v-list-item-content\r\n              v-else-if=\"selectedFeature.PARAM_PH_CLASS === 'IV'\"\r\n            >\r\n              <div class=\"reading-info-cardclass-IV\">\r\n                <div class=\"text-h4\" id=\"info_reading\">\r\n                  {{ selectedFeature.PARAM_PH }}\r\n                </div>\r\n                <div class=\"text-h6\" id=\"info_class\">\r\n                  CLASS {{ selectedFeature.PARAM_PH_CLASS }}\r\n                </div>\r\n              </div>\r\n            </v-list-item-content>\r\n            <v-list-item-content\r\n              v-else-if=\"selectedFeature.PARAM_PH_CLASS === 'V'\"\r\n            >\r\n              <div class=\"reading-info-card class-V\">\r\n                <div class=\"text-h4\" id=\"info_reading\">\r\n                  {{ selectedFeature.PARAM_PH }}\r\n                </div>\r\n                <div class=\"text-h6\" id=\"info_class\">\r\n                  CLASS {{ selectedFeature.PARAM_PH_CLASS }}\r\n                </div>\r\n              </div>\r\n            </v-list-item-content>\r\n            <v-list-item-content v-else>\r\n              <div class=\"reading-info-card class-NA\">\r\n                <div class=\"text-h4\" id=\"info_reading\">\r\n                  {{\r\n                    selectedFeature.PARAM_PH == \"-1\"\r\n                      ? \"NA\"\r\n                      : selectedFeature.PARAM_PH\r\n                  }}\r\n                </div>\r\n                <div class=\"text-h6\" id=\"info_class\">\r\n                  CLASS\r\n                  {{\r\n                    selectedFeature.PARAM_PH_CLASS == \"-1\" ||\r\n                    selectedFeature.PARAM_PH_CLASS == null\r\n                      ? \"NA\"\r\n                      : selectedFeature.PARAM_PH_CLASS\r\n                  }}\r\n                </div>\r\n              </div>\r\n            </v-list-item-content> -->\r\n          </v-list-item>\r\n        </v-card-text>\r\n      </v-card-title>\r\n\r\n      <template>\r\n        <v-expansion-panels v-model=\"extend_panel\" accordion>\r\n          <v-expansion-panel >\r\n            <v-expansion-panel-header>PARAMETER</v-expansion-panel-header>\r\n            <v-expansion-panel-content>\r\n              <template class=\"dashboard_table\">\r\n                <v-data-table\r\n                  item-key=\"name\"\r\n                  class=\"elevation-1 mb-2 station-info-table\"\r\n                  :items-per-page=\"-1\"\r\n                  :disable-pagination=\"true\"\r\n                  :disable-filtering=\"true\"\r\n                  :hide-default-footer=\"true\"\r\n                  :hide-default-header=\"true\"\r\n                >\r\n                  <template v-slot:header>\r\n                    <thead class=\"headers-class white--text\">\r\n                      <tr style=\"background: #0081BA\">\r\n                        <th style=\"color: white;\"></th>\r\n                        <th style=\"color: white;\">Parameter</th>\r\n                        <th style=\"color: white;\">Value & Unit</th>\r\n                        <th style=\"color: white;\">Sub Index</th>\r\n                      </tr>\r\n                    </thead>\r\n                  </template>\r\n\r\n                  <template v-slot:body>\r\n                    <tbody class=\"text-center\">\r\n                      <tr\r\n                        v-for=\"(nestedItem,\r\n                        nestedKey) in selectedStationInfo.parameter\"\r\n                        :key=\"nestedKey\"\r\n                      >\r\n                        <template>\r\n                           <td v-if=\"nestedKey < 3\" class=\"text-start\">\r\n                             <span :class=\"'dot-'+nestedItem.class\"></span>\r\n                          </td>\r\n                          <td v-else class=\"text-start\"></td>\r\n                          <td class=\"text-start\">{{ nestedItem.name }}</td>\r\n                          <td\r\n                            v-if=\"nestedItem.value != null\"\r\n                            class=\"text-start\"\r\n                          >\r\n                            {{ nestedItem.value + \" \" + nestedItem.unit }}\r\n                          </td>\r\n                          <td v-else class=\"text-start\">NA</td>\r\n                          <td\r\n                            v-if=\"nestedKey < 3 && nestedItem.si != null\"\r\n                            class=\"text-start\"\r\n                          >\r\n                            {{ nestedItem.si }}\r\n                          </td>\r\n                          <td v-else-if=\"nestedKey < 3\" class=\"text-start\">\r\n                            NA\r\n                          </td>\r\n                          <td v-else class=\"text-start\"></td>\r\n\r\n                          <!-- <td class=\"text-start\">  {{ nestedItem.si}} </td> -->\r\n                        </template>\r\n                      </tr>\r\n                    </tbody>\r\n                  </template>\r\n                </v-data-table>\r\n              </template>\r\n            </v-expansion-panel-content>\r\n          </v-expansion-panel>\r\n\r\n          <v-expansion-panel v-if=\"station_id !== ''\">\r\n            <v-expansion-panel-header>STATION DETAILS</v-expansion-panel-header>\r\n            <v-expansion-panel-content>\r\n              <v-list class=\"transparent pt-0\">\r\n                <v-list-item dense>\r\n                  <v-list-item-title>Station ID: </v-list-item-title>\r\n\r\n                  <v-list-item-subtitle>\r\n                    {{ selectedFeature.STATION_ID_A }}\r\n                  </v-list-item-subtitle>\r\n                </v-list-item>\r\n                <v-list-item dense>\r\n                  <v-list-item-title>Station Location: </v-list-item-title>\r\n\r\n                  <v-list-item-subtitle>\r\n                    {{ selectedFeature.LOCATION }} PERAK\r\n                  </v-list-item-subtitle>\r\n                </v-list-item>\r\n                <v-list-item dense>\r\n                  <v-list-item-title>Longitude: </v-list-item-title>\r\n\r\n                  <v-list-item-subtitle>\r\n                    {{ selectedFeature.LONGITUDE }}\r\n                  </v-list-item-subtitle>\r\n                </v-list-item>\r\n                <v-list-item dense>\r\n                  <v-list-item-title>Latitude: </v-list-item-title>\r\n\r\n                  <v-list-item-subtitle>\r\n                    {{ selectedFeature.LATITUDE }}\r\n                  </v-list-item-subtitle>\r\n                </v-list-item>\r\n\r\n                <v-list-item dense>\r\n                  <v-list-item-title>Sonde Depth (m): </v-list-item-title>\r\n\r\n                  <v-list-item-subtitle>\r\n                    {{ selectedFeature.DEPTH == null ? '-' : selectedFeature.DEPTH }}\r\n                  </v-list-item-subtitle>\r\n                </v-list-item>\r\n\r\n                <v-list-item dense>\r\n                  <v-list-item-title>Battery (V): </v-list-item-title>\r\n\r\n                  <v-list-item-subtitle>\r\n                    {{ selectedFeature.BATTERY == null ? '-' : selectedFeature.BATTERY }}\r\n                  </v-list-item-subtitle>\r\n                </v-list-item>\r\n\r\n\r\n                <v-list-item dense>\r\n                  <v-list-item-title>Station Picture: </v-list-item-title>\r\n                    <v-list-item-subtitle v-if = \"selectedFeature.STATION_PICTURE == ''  &&   selectedFeature.DEPLOYMENT_PICTURE == '' &&  selectedFeature.UPSTREAM_PICTURE == '' &&  selectedFeature.DOWNSTREAM_PICTURE == ''\" > None</v-list-item-subtitle>\r\n                </v-list-item>\r\n\r\n                <!-- DISABLE BECAUSE NO STATION INFO DEKAT API ------------- KENA UPDATE FARA -->\r\n                <v-list-item dense>\r\n                \r\n                  <v-row>\r\n                    <v-col\r\n                      class=\"d-flex child-flex\"\r\n                      cols=\"6\"\r\n                      v-if=\"selectedFeature.STATION_PICTURE !== ''\"\r\n                    >\r\n                      <v-img\r\n                        :src=\"\r\n                          selectedFeature.STATION_PICTURE.replace(\r\n                            'sarawakdir',\r\n                            'publicdir'\r\n                          )\r\n                        \"\r\n                        aspect-ratio=\"1\"\r\n                        class=\"grey lighten-2\"\r\n                      >\r\n                        <template v-slot:placeholder>\r\n                          <v-row\r\n                            class=\"fill-height ma-0\"\r\n                            align=\"center\"\r\n                            justify=\"center\"\r\n                          >\r\n                            <v-progress-circular\r\n                              indeterminate\r\n                              color=\"grey lighten-5\"\r\n                            ></v-progress-circular>\r\n                          </v-row>\r\n                        </template>\r\n                      </v-img>\r\n                    </v-col>\r\n                    <v-col\r\n                      class=\"d-flex child-flex\"\r\n                      cols=\"6\"\r\n                      v-if=\"selectedFeature.DEPLOYMENT_PICTURE !== ''\"\r\n                    >\r\n                      <v-img\r\n                        :src=\"\r\n                          selectedFeature.DEPLOYMENT_PICTURE.replace(\r\n                            'sarawakdir',\r\n                            'publicdir'\r\n                          )\r\n                        \"\r\n                        aspect-ratio=\"1\"\r\n                        class=\"grey lighten-2\"\r\n                      >\r\n                        <template v-slot:placeholder>\r\n                          <v-row\r\n                            class=\"fill-height ma-0\"\r\n                            align=\"center\"\r\n                            justify=\"center\"\r\n                          >\r\n                            <v-progress-circular\r\n                              indeterminate\r\n                              color=\"grey lighten-5\"\r\n                            ></v-progress-circular>\r\n                          </v-row>\r\n                        </template>\r\n                      </v-img>\r\n                    </v-col>\r\n                    <v-col\r\n                      class=\"d-flex child-flex\"\r\n                      cols=\"6\"\r\n                      v-if=\"selectedFeature.UPSTREAM_PICTURE !== ''\"\r\n                    >\r\n                      <v-img\r\n                        :src=\"\r\n                          selectedFeature.UPSTREAM_PICTURE.replace(\r\n                            'sarawakdir',\r\n                            'publicdir'\r\n                          )\r\n                        \"\r\n                        aspect-ratio=\"1\"\r\n                        class=\"grey lighten-2\"\r\n                      >\r\n                        <template v-slot:placeholder>\r\n                          <v-row\r\n                            class=\"fill-height ma-0\"\r\n                            align=\"center\"\r\n                            justify=\"center\"\r\n                          >\r\n                            <v-progress-circular\r\n                              indeterminate\r\n                              color=\"grey lighten-5\"\r\n                            ></v-progress-circular>\r\n                          </v-row>\r\n                        </template>\r\n                      </v-img>\r\n                    </v-col>\r\n                    <v-col\r\n                      class=\"d-flex child-flex\"\r\n                      cols=\"6\"\r\n                      v-if=\"selectedFeature.DOWNSTREAM_PICTURE !== ''\"\r\n                    >\r\n                      <v-img\r\n                        :src=\"\r\n                          selectedFeature.DOWNSTREAM_PICTURE.replace(\r\n                            'sarawakdir',\r\n                            'publicdir'\r\n                          )\r\n                        \"\r\n                        aspect-ratio=\"1\"\r\n                        class=\"grey lighten-2\"\r\n                      >\r\n                        <template v-slot:placeholder>\r\n                          <v-row\r\n                            class=\"fill-height ma-0\"\r\n                            align=\"center\"\r\n                            justify=\"center\"\r\n                          >\r\n                            <v-progress-circular\r\n                              indeterminate\r\n                              color=\"grey lighten-5\"\r\n                            ></v-progress-circular>\r\n                          </v-row>\r\n                        </template>\r\n                      </v-img>\r\n                    </v-col>\r\n                  </v-row>\r\n                </v-list-item> \r\n\r\n\r\n\r\n                <!-- -------------------------------------------------------------------- -->\r\n                \r\n              </v-list>\r\n            </v-expansion-panel-content>\r\n          </v-expansion-panel>\r\n        </v-expansion-panels>\r\n      </template>\r\n    </v-card>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { bus } from '@/main';\r\n\r\nimport \"ol/ol.css\";\r\n\r\nimport Map from \"ol/Map\";\r\nimport View from \"ol/View\";\r\nimport { defaults as defaultControls, ScaleLine } from \"ol/control\";\r\nimport {\r\n  Tile as TileLayer,\r\n  Vector as VectorLayer,\r\n  Group as GroupLayer,\r\n  Image as ImageLayer\r\n} from \"ol/layer\";\r\nimport { OSM, Vector as VectorSource, ImageArcGISRest} from \"ol/source\";\r\nimport { Fill, Stroke, Circle, Style, Icon } from \"ol/style\";\r\nimport Feature from \"ol/Feature\";\r\nimport { fromLonLat } from \"ol/proj\";\r\nimport { Point } from \"ol/geom\";\r\nimport Overlay from \"ol/Overlay\";\r\nimport { extend as Extend, Extent } from 'ol/extent';\r\n\r\n\r\n// Axios for fetching data\r\nimport axios from \"axios\";\r\n\r\n\r\nexport default {\r\n\r\n  data: () => ({\r\n\r\n    // Left Panel\r\n    items1: [],\r\n    listMapViews: [\r\n      {\r\n        src: require(\"@/assets/mapviewer/googlestreetmap.jpg\"),\r\n        name: \"Google Street Map\",\r\n        layer: \"googleStreetMap\",\r\n      },\r\n      {\r\n        src: require(\"@/assets/mapviewer/googlesatelitemap.jpg\"),\r\n        name: \"Google Satellite Map\",\r\n        layer: \"googleSateliteMap\",\r\n      },\r\n      {\r\n        src: require(\"@/assets/mapviewer/topo_map.jpg\"),\r\n        name: \"Topographic Map\",\r\n        layer: \"topographicMap\",\r\n      },\r\n      {\r\n        src: require(\"@/assets/mapviewer/imagery_map.jpeg\"),\r\n        name: \"Imagery Map\",\r\n        layer: \"imageryMap\",\r\n      },\r\n      {\r\n        src: require(\"@/assets/mapviewer/streetsmap.jpg\"),\r\n        name: \"Street Map\",\r\n        layer: \"streetMap\",\r\n      },\r\n    ],\r\n\r\n    listInfoViews: [\r\n      { icon: require(\"@/assets/mapviewer/googlestreetmap.jpg\"), name: \"Google Street Map\" },\r\n      { icon: require(\"@/assets/mapviewer/googlestreetmap.jpg\"), name: \"Google Satellite Map\" },\r\n      { icon: require(\"@/assets/mapviewer/googlestreetmap.jpg\"), name: \"Topographic Map\" },\r\n    ],\r\n    mapButton: false,\r\n    infoButton: false,\r\n    displaySearch: false,\r\n    contiStationDetails: [],\r\n    station_status: [\r\n      {\r\n        text: \"Active\",\r\n        img: require(\"@/assets/mapviewer/station_icon_green.svg\"),\r\n      },\r\n      {\r\n        text: \"Inactive\",\r\n        img: require(\"@/assets/mapviewer/station_icon_grey.svg\"),\r\n      },\r\n      {\r\n        text: \"Transmission Delay\",\r\n        img: require(\"@/assets/mapviewer/station_icon_orange.svg\"),\r\n      },\r\n      {\r\n        text: \"Manual Station\",\r\n        img: require(\"@/assets/mapviewer/manual_station_icon.svg\"),\r\n      },\r\n    ],\r\n    selectedFeature: {},\r\n    displayInformation: true,\r\n    station_id: \"\",\r\n    stationInfoList: [],\r\n    selectedStationInfo: {},\r\n    listParamDisplayed: [\r\n      \"pH\",\r\n      \"DO_SAT\",\r\n      \"TSS\",\r\n      \"DO_CON\",\r\n      \"TEMPERATURE\",\r\n      \"CONDUCTIVITY\",\r\n      \"SALINITY\",\r\n      \"TURBIDITY\",\r\n    ],\r\n    paramContentDetail: [],\r\n    searchStation: \"\",\r\n    searchStation2: \"\",\r\n\r\n    pointOfInterestDetails: [],\r\n    manualStationDetails: [],\r\n    poiState: false,\r\n    manualState: false,\r\n    automatedState: true,\r\n    isState: false,\r\n    bsState: false,\r\n    extend_panel: 0,\r\n    searchState: \"\",\r\n    stationSearch: [],\r\n    displayPOITable: false,\r\n    stateList: [\r\n      {\r\n        name : \"All State\",\r\n        extent: [94.32000875515988, -5.522322250111256, 124.30006603850293, 9.239271903589454],\r\n      },\r\n      {\r\n        name : \"Johor\",\r\n        extent: [ 101.75131845249587, 0.9648397067421169, 105.03228642718585, 2.936787745410824 ]\r\n      },\r\n      {\r\n        name : \"Kedah\",\r\n        extent: [ 99.18237832805765, 4.868878185804961, 102.27289842282222, 6.726362040066922 ]\r\n      },\r\n      {\r\n        name : \"Kelantan\",\r\n        extent: [ 100.48662704604496, 4.22756904514186, 104.12036122778761, 6.411538851615798 ]\r\n      },\r\n      {\r\n        name : \"Melaka\",\r\n        extent: [ 101.87990747321184, 2.0140964128687537, 102.74770036995118, 2.535662765815993 ]\r\n      },\r\n      {\r\n        name : \"Negeri Sembilan\",\r\n        extent: [ 101.23197559573036, 2.311199386709852, 103.00206901676957, 3.375072084281202 ]\r\n      },\r\n      {\r\n        name : \"Pahang\",\r\n        extent: [ 101.32164875634818, 2.1705664481059337, 104.54518359319592, 4.107995660502555 ]\r\n      },\r\n      {\r\n        name : \"Pulau Pinang\",\r\n        extent: [ 99.95865819539875, 5.07536846147747, 100.82096527482321, 5.593637693947454 ],\r\n      },\r\n      {\r\n        name : \"Perak\",\r\n        extent:  [ 99.19376717126754, 3.107394301718, 103.93947091127147, 6.221346965852233 ]\r\n      },\r\n      {\r\n        name : \"Perlis\",\r\n        extent: [ 99.79007647773318, 6.206554668803961, 100.66984732426624, 6.73532008458425 ]\r\n      },\r\n      {\r\n        name : \"Sabah\",\r\n        extent: [ 113.46796387834475, 3.3194714263250154, 120.12397229526154, 7.31990753065537 ]\r\n      },\r\n      {\r\n        name : \"Sarawak\",\r\n        extent: [ 95.57959422793664, -7.150926608313, 123.04048056572617, 10.8678762617912 ]\r\n      },\r\n      {\r\n        name : \"Selangor\",\r\n        extent: [ 100.2290452924926, 2.622573633094058, 102.47532843128863, 4.096500314502931 ]\r\n      },\r\n      {\r\n        name : \"Terengganu\",\r\n        extent: [ 100.844627539974, 3.4080101841022903, 104.7366502371485, 5.9618093908617436 ]\r\n      },\r\n      {\r\n        name : \"Kuala Lumpur\",\r\n        extent: [ 101.25701986175493, 2.820524480563135, 102.11091098655321, 3.3808157858404355 ]\r\n      },\r\n      {\r\n        name : \"Labuan\",\r\n        extent: [ 115.04727368923399, 5.183495225394548, 115.39458171451717, 5.4113857153737825 ]\r\n      },\r\n      {\r\n        name : \"Putrajaya\",\r\n        extent: [ 101.39872332436629, 2.763936225159858, 101.9138387898793, 3.101935658763293 ]\r\n      },\r\n    ],\r\n\r\n\r\n    // Map Declaration\r\n    map: null,\r\n    view: null,\r\n    extent:  [ 101.03601339379257, 5.632160927069602, 101.06845224016779, 5.648133180907534 ],\r\n    baseMapLayer: {\r\n      topographicMap: new TileLayer({\r\n        title: \"Topographic Map\",\r\n        source: new OSM({\r\n          url:\r\n            \"https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}\",\r\n          crossOrigin: \"anonymous\",\r\n        }),\r\n        visible: false,\r\n        type: \"base\",\r\n      }),\r\n       boundaryLayer: new ImageLayer({\r\n        title: \"Topographic Map\",\r\n        source: new ImageArcGISRest({\r\n          url:\r\n            \"https://eqmp.scienotech.com.my/arcgis/rest/services/DEMARCATION/STATE/MapServer\",\r\n        }),\r\n        visible: true,\r\n        type: \"layer\",\r\n      }),\r\n      imageryMap: new TileLayer({\r\n        title: \"Imagery Map\",\r\n        source: new OSM({\r\n          // \"url\" : 'http://www.google.cn/maps/vt?lyrs=s@189&gl=cn&x={x}&y={y}&z={z}',\r\n          url:\r\n            \"https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}\",\r\n          // \"url\": 'https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}',\r\n          crossOrigin: \"anonymous\",\r\n        }),\r\n        visible: true,\r\n        type: \"base\",\r\n      }),\r\n      streetMap: new TileLayer({\r\n        title: \"OSM\",\r\n        source: new OSM({\r\n          url:\r\n            \"https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}\",\r\n          crossOrigin: \"anonymous\",\r\n        }),\r\n        visible: false,\r\n        type: \"base\",\r\n      }),\r\n      googleStreetMap: new TileLayer({\r\n        title: \"Google Street\",\r\n        source: new OSM({\r\n          url: \"https://mt1.google.com/vt/lyrs=r&x={x}&y={y}&z={z}\",\r\n          // \"url\": 'http://mt1.googleapis.com/vt?x={x}&y={y}&z={z}',\r\n          crossOrigin: \"anonymous\",\r\n        }),\r\n        visible: false,\r\n        type: \"base\",\r\n      }),\r\n      googleSateliteMap: new TileLayer({\r\n        title: \"OSM\",\r\n        source: new OSM({\r\n          url: \"https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}\",\r\n          crossOrigin: \"anonymous\",\r\n        }),\r\n        visible: false,\r\n        type: \"base\",\r\n      }),\r\n    },\r\n    pointStyle: {\r\n      default: new Style({\r\n        image: new Circle({\r\n          fill: new Fill({\r\n            color: \"#3381ff\",\r\n          }),\r\n          stroke: new Stroke({\r\n            color: \"#0242ab\",\r\n            width: 1.25,\r\n          }),\r\n          radius: 8,\r\n        }),\r\n      }),\r\n      selected: new Style({\r\n        image: new Circle({\r\n          fill: new Fill({\r\n            color: \"#00ffff\",\r\n          }),\r\n          stroke: new Stroke({\r\n            color: \"#003300\",\r\n            width: 1.25,\r\n          }),\r\n          radius: 8,\r\n        }),\r\n      }),\r\n\r\n      //LEFT BUTTONS DECLARATION\r\n      // listMapViews: [\r\n      //   {\r\n      //     path:\r\n      //   }\r\n      // ]\r\n    },\r\n\r\n  }),\r\n\r\n  mounted() {\r\n\r\n    this.initiateMap();\r\n    this.getParamInfo();\r\n    this.getPOIjson();\r\n    // this.checkAdmin();\r\n\r\n    this.getCurrentMode();\r\n\r\n    \r\n\r\n  },\r\n\r\n  methods: {\r\n\r\n    // General ====================\r\n    getCurrentMode(){\r\n\r\n      console.log(localStorage.clickButtonAMIS);\r\n\r\n      if(localStorage.clickButtonAMIS == undefined){\r\n\r\n        bus.$emit(\"trigger - header\",{\r\n          focus: \"clickButtonAMIS\",\r\n          a: this.automatedState,\r\n          m: this.manualState,\r\n          is: this.isState,\r\n          bs: this.bsState,\r\n        })\r\n\r\n        let data = {\r\n          a: this.automatedState,\r\n          m: this.manualState,\r\n          is: this.isState,\r\n          bs: this.bsState,\r\n        }\r\n\r\n        localStorage.setItem(\"clickButtonAMIS\",JSON.stringify(data));\r\n\r\n      }\r\n      else{\r\n\r\n        let currentMode = JSON.parse(localStorage.clickButtonAMIS)\r\n\r\n        console.log(currentMode);\r\n\r\n        this.automatedState = currentMode.a\r\n        this.manualState = currentMode.m\r\n        this.isState = currentMode.is\r\n        this.bsState = currentMode.bs\r\n\r\n      }\r\n\r\n      console.log(this.manualState);\r\n\r\n      \r\n\r\n    },\r\n\r\n    getParamInfo() {\r\n      axios\r\n        .get(this.globalUrl + \"mqm2/miqims/params\", {\r\n          headers: {\r\n            Authorization: \"Bearer \" + this.$store.getters.user.token,\r\n          },\r\n        })\r\n        .then((response) => {\r\n          this.paramDetails = response.data;\r\n\r\n          // console.log(this.paramDetails);\r\n          this.getStationInfo();\r\n \r\n\r\n          this.genParamList();\r\n        })\r\n        .catch((error) => {\r\n          console.log(error);\r\n        });\r\n    },\r\n\r\n    genParamList() {\r\n      for (let j = 0; j < this.listParamDisplayed.length; j++) {\r\n        for (let i = 0; i < this.paramDetails.length; i++) {\r\n          if (this.listParamDisplayed[j] == this.paramDetails[i].reading) {\r\n            // console.log(\"listParamDisplayed\", this.listParamDisplayed[j], this.paramDetails[i].reading)\r\n\r\n            Object.keys(this.paramDetails[i]).forEach((key) => {\r\n              if (this.paramDetails[i][key] === null) {\r\n                this.paramDetails[i][key] = \"\";\r\n              }\r\n            });\r\n\r\n            let paramContent = {\r\n              name: this.listParamDisplayed[j],\r\n              fullName: this.paramDetails[i].fullname,\r\n              unit: this.paramDetails[i].unit,\r\n            };\r\n\r\n            this.paramContentDetail.push(paramContent);\r\n          }\r\n        }\r\n      }\r\n    },\r\n\r\n    getStationInfo() {\r\n      axios\r\n        .get(this.globalUrl + \"mqm2/miqims/reading\", {\r\n        // .get(\"https://run.mocky.io/v3/98873f4d-ebf7-44ff-9565-4fa2674af35c\", {\r\n          headers: {\r\n            Authorization: \"Bearer \" + this.$store.getters.user.token,\r\n          },\r\n        })\r\n        .then((response) => {\r\n          this.contiStationDetails = response.data;\r\n\r\n          this.addMapMarker();\r\n\r\n          this.getStationInfoList();\r\n\r\n          // this.addMapMarker();\r\n\r\n          // console.log(this.contiStationDetails);\r\n\r\n          // this.genTableHeader();\r\n\r\n          // let stationData = response.data;\r\n          // this.stationList = [];\r\n          // for(let i = 0; i < stationData.length; i++){\r\n          //   this.stationList.push(stationData[i].STATION_ID_A);\r\n\r\n          // for(let j = 0; j < this.headers.length; j++){\r\n          //   if(this.headers[j].value == stationData[i].STATION_ID_A){\r\n          //     this.headers[j].name = stationData[i].LOCATION;\r\n          //     this.headers[j]['last_date'] = stationData[i].DATETIME;\r\n          //   }\r\n          // }\r\n        })\r\n        .catch((error) => {\r\n          console.log(error);\r\n        });\r\n    },\r\n\r\n    getStationInfoList() {\r\n      let listParam = [];\r\n      let keys;\r\n      for (let i = 0; i < this.contiStationDetails.length; i++) {\r\n        keys = Object.keys(this.contiStationDetails[i]);\r\n      }\r\n\r\n      //get all properties that include param string\r\n      const allParamKeys = keys.filter((keys) => {\r\n        return keys.includes(\"PARAM\");\r\n      });\r\n\r\n      //get all paramaters without sub index and class\r\n      let paramWithoutSiAndClass = allParamKeys.filter((allParamKeys) => {\r\n        return !allParamKeys.includes(\"SI\") && !allParamKeys.includes(\"CLASS\");\r\n      });\r\n\r\n      //get all parameters name only\r\n      let parameters = allParamKeys.filter((paramWithoutSiAndClass) => {\r\n        return (\r\n          !paramWithoutSiAndClass.includes(\"SI\") &&\r\n          !paramWithoutSiAndClass.includes(\"CLASS\")\r\n        );\r\n      });\r\n\r\n      parameters.forEach(function(param, index) {\r\n        // console.log(\"huww\", parameters[index]);\r\n        parameters[index] = parameters[index].replace(\"PARAM_\", \"\");\r\n      });\r\n\r\n      // console.log(\"paramDetails\", JSON.stringify(this.paramDetails))\r\n      // console.log(\"parameterd\", parameters)\r\n      // console.log(\"contiStationDetails\", JSON.stringify(this.contiStationDetails))\r\n\r\n      for (let i = 0; i < this.contiStationDetails.length; i++) {\r\n        let paramList = [];\r\n\r\n        // for(let k = 0; k < parameters.length ; k++){\r\n\r\n        let paramObj = {};\r\n\r\n        for (let j = this.listParamDisplayed.length - 1; j > -1; j--) {\r\n          for (let m = 0; m < this.paramDetails.length; m++) {\r\n            if (this.listParamDisplayed[j] == this.paramDetails[m].reading) {\r\n\r\n              // console.log( \"AAAA\",  this.contiStationDetails[i].STATION_ID_A , this.listParamDisplayed[j], \"PARAM_SI_\" + this.listParamDisplayed[j].toUpperCase(),  this.contiStationDetails[i], this.contiStationDetails[i][\"PARAM_SI_\" + this.listParamDisplayed[j].toUpperCase()]);\r\n\r\n\r\n              // console.log(\"eee\" , this.contiStationDetails[i][\r\n              //     \"PARAM_\" + this.listParamDisplayed[j].toUpperCase() + \"_CLASS\"])\r\n\r\n              paramObj = {\r\n                name: this.paramDetails[m].fullname,\r\n                value: this.contiStationDetails[i][this.listParamDisplayed[j]],\r\n                unit: this.paramDetails[m].unit,\r\n                si: this.contiStationDetails[i][\r\n                  \"PARAM_SI_\" + this.listParamDisplayed[j].toUpperCase()\r\n                ],\r\n                class: this.contiStationDetails[i][\r\n                  \"PARAM_\" + this.listParamDisplayed[j].toUpperCase() + \"_CLASS\"]\r\n              };\r\n\r\n              // console.log( \"param_si_\"+(this.listParamDisplayed[j]).toLowerCase(),this.contiStationDetails[i][\"param_si_\"+(this.listParamDisplayed[j]).toLowerCase()]);\r\n\r\n              if (parameters.includes(this.listParamDisplayed[j].toLowerCase()))\r\n                paramList.push(paramObj);\r\n              else paramList.unshift(paramObj);\r\n            }\r\n          }\r\n        }\r\n\r\n        let stationInfoObj = {\r\n          stationId: this.contiStationDetails[i].STATION_ID_A,\r\n          location: this.contiStationDetails[i].LOCATION,\r\n          datetime: this.contiStationDetails[i].DATETIME_A,\r\n          longitude: this.contiStationDetails[i].LONGITUDE,\r\n          latitude: this.contiStationDetails[i].LATITUDE,\r\n          station_picture: this.contiStationDetails[i].STATION_PICTURE,\r\n          deployment_picture: this.contiStationDetails[i].DEPLOYMENT_PICTURE,\r\n          upstream_picture: this.contiStationDetails[i].UPSTREAM_PICTURE,\r\n          downstream_picture: this.contiStationDetails[i].DOWNSTREAM_PICTURE,\r\n          parameter: paramList,\r\n        };\r\n\r\n        this.stationInfoList.push(stationInfoObj);\r\n      }\r\n    },\r\n\r\n\r\n\r\n    // Create Map and Set Basemap ====================\r\n    initiateMap() {\r\n      var source = new VectorSource();\r\n      var vector = new VectorLayer({\r\n        source: source,\r\n      });\r\n\r\n      var baseMap = new GroupLayer({\r\n        layers: [\r\n          this.baseMapLayer,\r\n          // this.baseMapLayer.topographicMap,\r\n          // this.baseMapLayer.imageryMap,\r\n          // this.baseMapLayer.streetMap,\r\n          // this.baseMapLayer.googleStreetMap,\r\n          // this.baseMapLayer.googleSateliteMap,\r\n        ],\r\n      });\r\n\r\n      this.map = new Map({\r\n        controls: defaultControls({\r\n          zoom: false,\r\n        }),\r\n        // .extend([\r\n        //     new ScaleLine({\r\n        //         units: 'metric',\r\n        //     }),\r\n        // ]),\r\n        target: \"mapOld\",\r\n        layers: [baseMap],\r\n        view: new View({\r\n          projection: \"EPSG:4326\",\r\n          zoom: 1,\r\n        }),\r\n      });\r\n\r\n      this.view = this.map.getView();\r\n      this.view.fit(this.extent);\r\n\r\n      // this.map.on(\"click\", function (evt) {\r\n      //     console.log(\"l\");\r\n      //     // this.clickMapssss();\r\n      // },this.clickMapssss());\r\n\r\n      this.onClickMap();\r\n\r\n      this.map.on('moveend', this.onMoveEnd)\r\n\r\n      // const feature = this.forEachFeatureAtPixel(\r\n      //     evt.pixel,\r\n      //     (feature) => feature\r\n      //   );\r\n\r\n      //  this.map.on(\"click\", (evt) => {\r\n      //       this.clickMapssss(evt);\r\n      //   });\r\n    },\r\n\r\n    onMoveEnd(evt) {\r\n\r\n              // console.log(evt.pixel);\r\n              // console.log(this.view);\r\n\r\n                const map = evt.map;\r\n                // console.log(\"extent2\", map.getView().calculateExtent())\r\n                // console.log(fromLonLat(evt.coordinate, 'EPSG:3857', 'EPSG:4326'));\r\n    },\r\n\r\n    addborderLayer() {\r\n      \r\n        this.map.addLayer(this.baseMapLayer.boundaryLayer);\r\n        \r\n        //  let extent = myLayer.getSource().getExtent();\r\n        //  console.log(\"extentttt\", this.map);\r\n          // this.map.getView().fit(extent, map.getSize());\r\n       \r\n    },\r\n\r\n    searchStations2() {\r\n      this.zoomStation(\r\n        this.searchStation2.LONGITUDE,\r\n        this.searchStation2.LATITUDE - 0.007\r\n      );\r\n      this.station_id = this.searchStation2.STATION_ID_A;\r\n      this.selectedFeature = this.searchStation2;\r\n      this.getSelectedStationInfo(this.station_id);\r\n      this.displayInformation = true;\r\n    },\r\n\r\n    searchStations() {\r\n\r\n      this.extend_panel = 0,\r\n      this.zoomStation(\r\n        this.searchStation.LONGITUDE,\r\n        this.searchStation.LATITUDE\r\n      );\r\n      this.station_id = this.searchStation.STATION_ID_A;\r\n      this.selectedFeature = this.searchStation;\r\n      this.getSelectedStationInfo(this.station_id);\r\n      this.displayInformation = true;\r\n    },\r\n\r\n    searchStationList() {\r\n\r\n      this.displaySearch = false;\r\n\r\n      this.stationSearch = [];\r\n\r\n\r\n      if (this.searchState.name.toUpperCase() == \"ALL STATE\")\r\n           this.stationSearch = this.contiStationDetails;\r\n      else {\r\n        // console.log(this.contiStationDetails.length);\r\n        for(let i = 0; i < this.contiStationDetails.length; i++){\r\n            \r\n          if (this.contiStationDetails[i].STATE_NAME.toUpperCase() == this.searchState.name.toUpperCase() ){\r\n            this.stationSearch.push(this.contiStationDetails[i])\r\n          }\r\n            \r\n        }\r\n      }\r\n\r\n\r\n\r\n    },\r\n\r\n    home() {\r\n      this.displayInformation = false;\r\n      this.displayPOITable = false;\r\n      this.infoButton = false;\r\n      this.mapButton = false;\r\n      this.view = this.map.getView();\r\n      this.view.fit(this.extent, {\r\n        duration: 500,\r\n      });\r\n    },\r\n\r\n    zoomStation(longitude, latitude) {\r\n      this.map.setView(\r\n        new View({\r\n          projection: \"EPSG:4326\", //or any projection you are using\r\n          center: [longitude, latitude], //zoom to the center of your feature\r\n          zoom: 15, //here you define the levelof zoom\r\n        })\r\n      );\r\n    },\r\n\r\n    changeBasemap(layer) {\r\n      // console.log(\"layer\", layer);\r\n\r\n      for (let i = 0; i < this.listMapViews.length; i++) {\r\n        let layerName = this.listMapViews[i].layer;\r\n        // console.log(layer,layerName);\r\n        if (layer == layerName) this.baseMapLayer[layerName].setVisible(true);\r\n        else this.baseMapLayer[layerName].setVisible(false);\r\n      }\r\n    },\r\n\r\n    displayPOI() {\r\n\r\n      this.poiState = !this.poiState;\r\n\r\n      let that = this;\r\n\r\n\r\n      let mapLayer = this.map.getLayers();\r\n\r\n      for ( let i in this.map.getLayers().getArray()) {\r\n\r\n        let el = mapLayer.getArray()[i];\r\n          if(el.get(\"name\") ===  \"Point Of Interest\" )\r\n            el.setVisible(that.poiState)\r\n\r\n      }\r\n    },\r\n\r\n    displayAutomated() {\r\n\r\n      this.automatedState = !this.automatedState;\r\n      this.isState = false;\r\n      this.bsState = false;\r\n\r\n      let that = this;\r\n\r\n      setTimeout(() => {\r\n        \r\n        bus.$emit(\"trigger - header\",{\r\n          focus: \"clickButtonAMIS\",\r\n          a: this.automatedState,\r\n          m: this.manualState,\r\n          is: this.isState,\r\n          bs: this.bsState,\r\n        })\r\n\r\n        let data = {\r\n          a: this.automatedState,\r\n          m: this.manualState,\r\n          is: this.isState,\r\n          bs: this.bsState,\r\n        }\r\n\r\n        localStorage.setItem(\"clickButtonAMIS\",JSON.stringify(data));\r\n\r\n      }, 500)\r\n      \r\n\r\n\r\n      let mapLayer = this.map.getLayers();\r\n\r\n      for ( let i in this.map.getLayers().getArray()) {\r\n\r\n        let el = mapLayer.getArray()[i];\r\n          if(el.get(\"name\") ===  \"Automated\" )\r\n            el.setVisible(that.automatedState)\r\n\r\n      }\r\n\r\n      for (let element of document.getElementsByClassName(\"overlayclass\")){\r\n      \r\n          this.automatedState == true ? element.style.display = \"block\" : element.style.display=\"none\";\r\n\r\n      }\r\n\r\n\r\n    },\r\n\r\n    displayManual() {\r\n\r\n      this.manualState = !this.manualState;\r\n      this.isState = false;\r\n      this.bsState = false;\r\n\r\n      setTimeout(() => {\r\n        \r\n        bus.$emit(\"trigger - header\",{\r\n          focus: \"clickButtonAMIS\",\r\n          a: this.automatedState,\r\n          m: this.manualState,\r\n          is: this.isState,\r\n        })\r\n\r\n        let data = {\r\n          a: this.automatedState,\r\n          m: this.manualState,\r\n          is: this.isState,\r\n        }\r\n\r\n        localStorage.setItem(\"clickButtonAMIS\",JSON.stringify(data));\r\n\r\n      }, 500)\r\n\r\n      let that = this;\r\n\r\n\r\n      let mapLayer = this.map.getLayers();\r\n\r\n      for ( let i in this.map.getLayers().getArray()) {\r\n\r\n        let el = mapLayer.getArray()[i];\r\n          if(el.get(\"name\") ===  \"Manual\" )\r\n            el.setVisible(that.manualState)\r\n\r\n      }\r\n    },\r\n\r\n    displayIS() {\r\n\r\n      this.isState = !this.isState;\r\n      this.automatedState = false;\r\n      this.manualState = false;\r\n      this.bsState = false;\r\n\r\n      setTimeout(() => {\r\n        \r\n        bus.$emit(\"trigger - header\",{\r\n          focus: \"clickButtonAMIS\",\r\n          a: this.automatedState,\r\n          m: this.manualState,\r\n          is: this.isState,\r\n        })\r\n\r\n        let data = {\r\n          a: this.automatedState,\r\n          m: this.manualState,\r\n          is: this.isState,\r\n        }\r\n\r\n        localStorage.setItem(\"clickButtonAMIS\",JSON.stringify(data));\r\n\r\n      }, 500)\r\n\r\n      let that = this;\r\n\r\n\r\n      let mapLayer = this.map.getLayers();\r\n\r\n      for ( let i in this.map.getLayers().getArray()) {\r\n\r\n        let el = mapLayer.getArray()[i];\r\n          if(el.get(\"name\") ===  \"IS\" )\r\n            el.setVisible(that.isState)\r\n\r\n      }\r\n    },\r\n\r\n    displayBS(){\r\n\r\n      this.bsState = !this.bsState;\r\n      this.automatedState = false;\r\n      this.manualState = false;\r\n      this.isState = false;\r\n\r\n      setTimeout(() => {\r\n        \r\n        bus.$emit(\"trigger - header\",{\r\n          focus: \"clickButtonAMIS\",\r\n          a: this.automatedState,\r\n          m: this.manualState,\r\n          is: this.isState,\r\n          bs: this.bsState,\r\n        })\r\n\r\n        let data = {\r\n          a: this.automatedState,\r\n          m: this.manualState,\r\n          is: this.isState,\r\n          bs: this.bsState,\r\n        }\r\n\r\n        localStorage.setItem(\"clickButtonAMIS\",JSON.stringify(data));\r\n\r\n      }, 500)\r\n\r\n    },\r\n\r\n    zoomToExtend(){\r\n\r\n      let extent2 = this.searchState.extent ;\r\n\r\n      this.view = this.map.getView();\r\n      this.view.fit(extent2, {\r\n        duration: 500,\r\n      });\r\n\r\n    },\r\n\r\n    onClickMap() {\r\n      let that = this;\r\n\r\n      this.map.on(\"click\", function(evt) {\r\n        that.infoButton = false;\r\n        that.mapButton = false;\r\n        that.displaySearch = false;\r\n        // console.log(\"map\", that.map.getView().getCenter())\r\n        // let yeyeye = that.map.getView().getCenter()\r\n        \r\n\r\n//         --------------------------TESTING -------------------------------------\r\n//         //Create an empty extent that we will gradually extend\r\n//           var extent = this.Extent.createEmpty();\r\n\r\n//           this.map.getLayers().forEach(function(layer) {\r\n//               //If this is actually a group, we need to create an inner loop to go through its individual layers\r\n//               if(layer instanceof this.Group) {\r\n//                   layer.getLayers().forEach(function(groupLayer) {\r\n//                       //If this is a vector layer, add it to our extent\r\n//                       if(layer instanceof this.Vector)\r\n//                          Extend(extent, groupLayer.getSource().getExtent());\r\n//                   });\r\n//               }\r\n//               else if(layer instanceof this.Vector)\r\n//                 Extend(extent, layer.getSource().getExtent());\r\n//           });\r\n\r\n//           //Finally fit the map's view to our combined extent\r\n//           this.map.getView().fit(extent, this.map.getSize());\r\n\r\n// -----------------------------------------------------------------------------------------------------\r\n\r\n        let feature = this.forEachFeatureAtPixel(\r\n          evt.pixel,\r\n          (feature) => feature\r\n        );\r\n\r\n        // console.log(\"feature = \", feature);\r\n        if (feature !== undefined) {\r\n\r\n          that.selectedFeature = feature.get(\"description\");\r\n          // let stationtype = feature.get(\"name\");\r\n\r\n          // console.log(\"staa\", stationtype); cv \r\n\r\n          \r\n          // if( stationtype == \"Point Of Interest\"){\r\n          //   that.displayPOITable = true;\r\n          //   console.log(\"hehhehe\");\r\n          //   that.zoomStation(that.selectedFeature.longitude,that.selectedFeature.latitude);\r\n          // }\r\n          // else {\r\n\r\n            if (feature.get(\"name\") == \"Point Of Interest\")\r\n                that.displayPOITable = true;\r\n            else\r\n                that.displayInformation = true;\r\n            that.extend_panel = 0;\r\n\r\n\r\n            that.station_id = that.selectedFeature.STATION_ID_A;\r\n\r\n\r\n            // console.log(that);\r\n            that.getSelectedStationInfo(that.selectedFeature.STATION_ID_A);\r\n\r\n\r\n            that.zoomStation(that.selectedFeature.LONGITUDE, that.selectedFeature.LATITUDE );\r\n\r\n          // }\r\n\r\n    \r\n          \r\n        }\r\n      });\r\n    },\r\n\r\n    getSelectedStationInfo(statID) {\r\n      this.stationPicture = [];\r\n\r\n      // console.log(\"stat\", statID)\r\n\r\n      for (let i = 0; i < this.stationInfoList.length; i++) {\r\n        // console.log(this.stationInfoList[i].stationId, statID);\r\n        if (this.stationInfoList[i].stationId == statID) {\r\n          this.selectedStationInfo = this.stationInfoList[i];\r\n        }\r\n      }\r\n\r\n      let keys = Object.keys(this.selectedStationInfo);\r\n      //get all properties that include param string\r\n      let arrParam = keys.filter((keys) => {\r\n        return keys.includes(\"picture\");\r\n      });\r\n\r\n      for (let i = 0; i < arrParam.length; i++) {\r\n        let obj = {\r\n          src: this.selectedStationInfo[arrParam[i]],\r\n        };\r\n\r\n        this.stationPicture.push(obj);\r\n      }\r\n\r\n    },\r\n\r\n\r\n\r\n    // Create layer and load layer ====================\r\n    addMapMarker() {\r\n      // this.addborderLayer();\r\n\r\n      console.log(this.contiStationDetails);\r\n      \r\n      for (let i = 0; i < this.contiStationDetails.length; i++) {\r\n        var marker = new Feature({\r\n          geometry: new Point([\r\n            this.contiStationDetails[i].LONGITUDE,\r\n            this.contiStationDetails[i].LATITUDE,\r\n          ]),\r\n          description: this.contiStationDetails[i],\r\n          name: \"Automated\",\r\n        });\r\n        var vectorSource = new VectorSource({\r\n          features: [marker],\r\n        });\r\n\r\n        var markerVectorLayer = new VectorLayer({\r\n          name: \"Automated\",\r\n          source: vectorSource,\r\n          style: new Style({\r\n            image: new Icon({\r\n              crossOrigin: \"anonymous\",\r\n              src:\r\n                this.contiStationDetails[i].GREEN == \"TRUE\"\r\n                  ? this.station_status[0].img\r\n                  : this.contiStationDetails[i].GREY == \"TRUE\" \r\n                  ? this.station_status[1].img\r\n                  : this.contiStationDetails[i].YELLOW == \"TRUE\"\r\n                  ? this.station_status[2].img\r\n                  : \"\",\r\n              scale: 1.5,\r\n            }),\r\n          }),\r\n        });\r\n        this.map.addLayer(markerVectorLayer);\r\n      }\r\n      // this.addMapOverlayReading();\r\n\r\n      this.addMapOverlay();\r\n    },\r\n\r\n    addMapOverlay() {\r\n      for (let i = 0; i < this.contiStationDetails.length; i++) {\r\n        // console.log(\"wuwuwu\", this.contiStationDetails[i].STATION_ID_A);\r\n\r\n        // let elementID = \"reading_\" + this.contiStationDetails[i].STATION_ID_A;\r\n\r\n        // let div = document.createElement(\"DIV\");\r\n        // div.setAttribute(\"id\", elementID);\r\n\r\n        // div.setAttribute(\"class\", \"reading-div\");\r\n\r\n        // console.log(\"here\",this.contiStationDetails[i].PARAM_PH_CLASS);\r\n\r\n        // // div.innerHTML = this.contiStationDetails[i].PARAM_PH;\r\n        // if (this.contiStationDetails[i].PARAM_PH_CLASS == \"I\")\r\n        //   div.setAttribute(\"class\", \"reading-div overlayclass class-I\");\r\n        // else if (this.contiStationDetails[i].PARAM_PH_CLASS == \"II\")\r\n        //   div.setAttribute(\"class\", \"reading-div overlayclass class-II\");\r\n        // else if (this.contiStationDetails[i].PARAM_PH_CLASS == \"III\")\r\n        //   div.setAttribute(\"class\", \"reading-div overlayclass class-III\");\r\n        // else if (this.contiStationDetails[i].PARAM_PH_CLASS == \"IV\")\r\n        //   div.setAttribute(\"class\", \"reading-div overlayclass class-IV\");\r\n        // else if (this.contiStationDetails[i].PARAM_PH_CLASS == \"V\")\r\n        //   div.setAttribute(\"class\", \"reading-div overlayclass class-V\");\r\n        // else if (this.contiStationDetails[i].PARAM_PH_CLASS == null)\r\n        //   div.setAttribute(\"class\", \"reading-div overlayclass class-NA\");\r\n\r\n        // div.innerHTML =\r\n        //   this.contiStationDetails[i].PARAM_PH_CLASS == null\r\n        //     ? \"NA\"\r\n        //     : this.contiStationDetails[i].PARAM_PH_CLASS;\r\n\r\n        // document.getElementById(\"map\").appendChild(div);\r\n\r\n        // let overlay = new Overlay({\r\n        //   element: document.getElementById(elementID),\r\n        //   id: this.contiStationDetails[i].STATION_ID_A,\r\n        //   positioning: \"top-center\",\r\n        //   offset: [-18, -52],\r\n        // });\r\n\r\n        // overlay.setPosition([\r\n        //   this.contiStationDetails[i].LONGITUDE,\r\n        //   this.contiStationDetails[i].LATITUDE,\r\n        // ]);\r\n\r\n        // this.map.addOverlay(overlay);\r\n\r\n        let labelStationID = \"label_\" + this.contiStationDetails[i].STATION_ID_A;\r\n\r\n        let divLabel = document.createElement(\"DIV\");\r\n\r\n        divLabel.setAttribute(\"id\", labelStationID);\r\n        divLabel.setAttribute(\"ref\", labelStationID);\r\n\r\n        divLabel.setAttribute(\"class\", \"level-stationID overlayclass\");\r\n        divLabel.setAttribute(\"style\", \"background:white;font-weight: bold;opacity: 70%;color: black !important;\");\r\n\r\n        divLabel.innerHTML = this.contiStationDetails[i].STATION_ID_A;\r\n\r\n        document.getElementById(\"map\").appendChild(divLabel);\r\n\r\n        // console.log(\"this is element >>> \",document.getElementById(labelStationID));\r\n \r\n        let overlayLabel = new Overlay({\r\n          element: document.getElementById(labelStationID),\r\n          id: \"label__\" + this.contiStationDetails[i].STATION_ID_A,\r\n          positioning: \"top-center\",\r\n          offset: [0, -55],\r\n        });\r\n\r\n        overlayLabel.setPosition([\r\n          this.contiStationDetails[i].LONGITUDE,\r\n          this.contiStationDetails[i].LATITUDE,\r\n        ]);\r\n\r\n        let myInterval = setInterval(() => {\r\n            this.map.addOverlay(overlayLabel);\r\n            clearInterval(myInterval);\r\n        }, 1000);\r\n\r\n        \r\n      }\r\n    },\r\n\r\n    getPOIjson() {\r\n       axios\r\n        .get(this.globalUrl + \"mqm2/miqims/interest\", {\r\n          headers: {\r\n            Authorization: \"Bearer \" + this.$store.getters.user.token,\r\n          },\r\n        })\r\n        .then((response) => {\r\n          this.pointOfInterestDetails = response.data;\r\n          this.addPOIMarker();\r\n        })\r\n        .catch((error) => {\r\n          console.log(error);\r\n        });\r\n    },\r\n    \r\n    addPOIMarker() {\r\n      for (let i = 0; i < this.pointOfInterestDetails.length; i++) {\r\n        var marker = new Feature({\r\n          geometry: new Point([\r\n            this.pointOfInterestDetails[i].LONGITUDE,\r\n            this.pointOfInterestDetails[i].LATITUDE,\r\n          ]),\r\n          description: this.pointOfInterestDetails[i],\r\n          name: \"Point Of Interest\",\r\n        });\r\n        var vectorSource = new VectorSource({\r\n          features: [marker],\r\n        });\r\n\r\n        var POIMarker = new VectorLayer({\r\n          name: \"Point Of Interest\",\r\n          source: vectorSource,\r\n          style: this.pointStyle.selected,\r\n          visible: false,\r\n        });\r\n        this.map.addLayer(POIMarker);\r\n      }\r\n\r\n      // this.getManualJson();\r\n\r\n    },\r\n   \r\n\r\n\r\n\r\n    // For what MIra? - Nuzul -\r\n    displayStationByType(state, stationType) {\r\n\r\n      this.state = !this.state;\r\n\r\n      this.curState = this.state;\r\n\r\n\r\n\r\n      let that = this;\r\n\r\n\r\n      let mapLayer = this.map.getLayers();\r\n\r\n      for ( let i in this.map.getLayers().getArray()) {\r\n\r\n        let el = mapLayer.getArray()[i];\r\n          if(el.get(\"name\") === stationType )\r\n            el.setVisible(that.curState);\r\n          else if (el.get(\"name\") == undefined)\r\n            el.setVisible(true);\r\n          else\r\n            el.setVisible(false);\r\n\r\n      }\r\n\r\n\r\n      for (let element of document.getElementsByClassName(\"overlayclass\")){\r\n        if( stationType == \"Automated\"){\r\n            this.curState == true ? element.style.display = \"block\" : element.style.display=\"none\";\r\n        }\r\n        else\r\n            element.style.display=\"none\";\r\n\r\n      }\r\n     \r\n    },\r\n\r\n    \r\n\r\n    \r\n\r\n    // checkAdmin(){\r\n    //   this.thisuser = this.$store.getters.user.idUserAccess;\r\n    //   bus.$emit('admincanuse', this.thisuser);\r\n    // }\r\n\r\n  },\r\n  \r\n};\r\n</script>\r\n\r\n<style scoped>\r\n\r\n#mapOld {\r\n  position: fixed;\r\n  margin: 0;\r\n  padding: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n\r\n#btn-group {\r\n  position: absolute;\r\n  z-index: 5;\r\n  /* width: 150px; */\r\n}\r\n\r\n.dashboardBtn {\r\n  position: absolute;\r\n  right: 20px;\r\n  z-index: 5;\r\n}\r\n\r\n.class-card-map {\r\n  position: absolute;\r\n  top: 25px;\r\n  left: 119px;\r\n  z-index: 5;\r\n  width: 210px;\r\n  height: 450px;\r\n  /* text-align: center; */\r\n}\r\n\r\n.class-card-map-mobile {\r\n  position: absolute;\r\n  top: 14px;\r\n  left: 80px;\r\n  z-index: 5;\r\n  width: 210px;\r\n  height: 450px;\r\n  /* text-align: center; */\r\n}\r\n\r\n.class-card-info {\r\n  position: absolute;\r\n  top: 25px;\r\n  left: 119px;\r\n  z-index: 5;\r\n  width: 210px;\r\n  height: 410px;\r\n  /* text-align: center; */\r\n}\r\n\r\n.class-card-info-mobile {\r\n  position: absolute;\r\n  top: 14px;\r\n  left: 80px;\r\n  z-index: 5;\r\n  width: 210px;\r\n  height: 410px;\r\n  /* text-align: center; */\r\n}\r\n\r\n.station-info-card-mobile {\r\n  position: absolute;\r\n  top: 300px;\r\n  left: 0;\r\n  right: 0;\r\n  margin: auto;\r\n  z-index: 10;\r\n  overflow: auto;\r\n  -webkit-user-drag: element; \r\n}\r\n\r\n.station-info-card {\r\n  position: absolute;\r\n  z-index: 5;\r\n  right: 10px;\r\n  top: 30px;\r\n  overflow: auto;\r\n  -webkit-user-drag: element;\r\n}\r\n\r\n.headers_class > tr > th {\r\n  color: #276173 !important;\r\n}\r\n\r\n.station-info-table > .v-data-table__wrapper {\r\n  background: #a5a5a5 !important;\r\n}\r\n\r\n.mobileSearch {\r\n  position: absolute;\r\n  top: 50px;\r\n}\r\n#map::v-deep .reading-div {\r\n  position: absolute;\r\n  z-index: 1;\r\n  width: 35px;\r\n  border: 1px solid white;\r\n  text-align: center;\r\n  /* border-image: radial-gradient(red 69%,#0000 70%) 84.5% fill/100%;\r\n  clip-path: polygon(-41% 0,50% 91%, 141% 0); */\r\n}\r\n\r\n#map::v-deep .class-I {\r\n  background-color: #2d7ef8 !important;\r\n}\r\n\r\n#map::v-deep .class-II {\r\n  background-color: #7cde6b !important;\r\n}\r\n\r\n#map::v-deep .class-III {\r\n  background-color: #ffdd03 !important;\r\n}\r\n\r\n#map::v-deep .class-IV {\r\n  background-color: #ffa834 !important;\r\n}\r\n\r\n#map::v-deep .class-V {\r\n  background-color: #ff7e71 !important;\r\n}\r\n\r\n#map::v-deep .class-NA {\r\n  background-color: #cccccc !important;\r\n}\r\n\r\n\r\n\r\n#map::v-deep .reading-info-card {\r\n  padding: 15px;\r\n  text-align: center;\r\n  border: 1px solid whitesmoke;\r\n}\r\n\r\n#map::v-deep .v-text-field.v-text-field--solo .v-input__control {\r\n  min-height: 50px;\r\n}\r\n\r\n\r\n#map::v-deep  .v-select-info {\r\n  width: 150px;\r\n  min-height: 10px !important;\r\n}\r\n\r\n#map::v-deep .v-input__slot {     \r\n  min-height: 20px !important;   \r\n} \r\n\r\n#map::v-deep .v-label {     \r\n  min-height: 30px !important;   \r\n} \r\n\r\n#map::v-deep  .v-label{\r\n  font-size: 10px;\r\n}\r\n\r\n#map::v-deep  .v-card-search {\r\n  position: absolute;\r\n  left: 107px;\r\n  top: 20px;\r\n  z-index: 5;\r\n  line-height: 120px;\r\n  border-radius: 10px;\r\n  padding: 0px;\r\n  /* background: none; */\r\n\r\n}\r\n\r\n#map::v-deep .dot-I {\r\n  height: 15px;\r\n  width: 15px;\r\n  background-color: #2d7ef8;\r\n  border-radius: 50%;\r\n  display: inline-block;\r\n}\r\n\r\n#map::v-deep .dot-II {\r\n  height: 15px;\r\n  width: 15px;\r\n  background-color: #7cde6b;\r\n  border-radius: 50%;\r\n  display: inline-block;\r\n}\r\n\r\n#map::v-deep .dot-II {\r\n  height: 15px;\r\n  width: 15px;\r\n  background-color: #ffdd03;\r\n  border-radius: 50%;\r\n  display: inline-block;\r\n}\r\n\r\n#map::v-deep .dot-IV {\r\n  height: 15px;\r\n  width: 15px;\r\n  background-color: #ffa834;\r\n  border-radius: 50%;\r\n  display: inline-block;\r\n  animation: blinker 2s linear infinite;\r\n}\r\n\r\n#map::v-deep .dot-V {\r\n  height: 15px;\r\n  width: 15px;\r\n  background-color: #FF3823;\r\n  border-radius: 50%;\r\n  display: inline-block;\r\n  animation: blinker 2s linear infinite;\r\n}\r\n\r\n#map::v-deep .dot-NA {\r\n  height: 15px;\r\n  width: 15px;\r\n  background-color: #cccccc;\r\n  border-radius: 50%;\r\n  display: inline-block;\r\n}\r\n\r\n#map::v-deep  .blinking {\r\n  animation: blinker 2s linear infinite;\r\n}\r\n\r\n@keyframes blinker {\r\n  50% {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n</style>\r\n","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!./MapviewerOld.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!./MapviewerOld.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MapviewerOld.vue?vue&type=template&id=70aa25fc&scoped=true&\"\nimport script from \"./MapviewerOld.vue?vue&type=script&lang=js&\"\nexport * from \"./MapviewerOld.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MapviewerOld.vue?vue&type=style&index=0&id=70aa25fc&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  \"70aa25fc\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardSubtitle } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VExpansionPanel } from 'vuetify/lib/components/VExpansionPanel';\nimport { VExpansionPanelContent } from 'vuetify/lib/components/VExpansionPanel';\nimport { VExpansionPanelHeader } from 'vuetify/lib/components/VExpansionPanel';\nimport { VExpansionPanels } from 'vuetify/lib/components/VExpansionPanel';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemAvatar } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VListItemSubtitle } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VBtn,VCard,VCardSubtitle,VCardText,VCardTitle,VCol,VDataTable,VExpansionPanel,VExpansionPanelContent,VExpansionPanelHeader,VExpansionPanels,VIcon,VImg,VList,VListItem,VListItemAvatar,VListItemContent,VListItemSubtitle,VListItemTitle,VProgressCircular,VRow,VSelect,VSpacer,VTooltip})\n"],"sourceRoot":""}