{"version":3,"sources":["webpack:///./src/views/MangelLocation.vue?d257","webpack:///./src/views/MangelLocation.vue","webpack:///src/views/MangelLocation.vue","webpack:///./src/views/MangelLocation.vue?f20d","webpack:///./src/views/MangelLocation.vue?a6be","webpack:///./src/views/MangelLocation.vue?aee0"],"names":["render","_vm","this","_c","_self","staticStyle","attrs","ref","staticRenderFns","name","mounted","mapboxgl","container","style","center","zoom","minZoom","maxPitch","attributionControl","language","data","visible","mapLoaded","markers","first_load","methods","showLoader","hideLoader","mapLoad","addLayers","setTimeout","el","element","anchor","setLngLat","addTo","component"],"mappings":"kHAAA,W,kECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAAQ,CAACE,YAAY,CAAC,QAAU,OAAO,YAAY,SAAS,OAAS,OAAO,QAAU,MAAM,CAACF,EAAG,QAAQ,CAACE,YAAY,CAAC,YAAY,IAAI,OAAS,QAAQ,CAACF,EAAG,QAAQ,CAACE,YAAY,CAAC,OAAS,OAAO,QAAU,MAAM,WAAa,kBAAkB,aAAa,UAAUC,MAAM,CAAC,GAAK,aAAa,CAACH,EAAG,MAAM,CAACI,IAAI,kBAAkBF,YAAY,CAAC,SAAW,WAAW,MAAQ,OAAO,OAAS,OAAO,IAAM,IAAI,MAAQ,IAAI,OAAS,IAAI,KAAO,KAAKC,MAAM,CAAC,GAAK,wBAAwB,IAAI,IAE5hBE,EAAkB,G,6CCwBtB,GACAC,sBACAC,QAFA,WAGA,4BACA,wBACA,uBACA,uBACAC,mHACA,sBACAC,4BACAC,4CACAC,2BACAC,QACAC,UACAC,WACAC,wBAGA,+CACA,kBACAC,gBAEA,uBAEA,4DAEA,iBACA,gBACA,kBACA,kCAEAC,KA/BA,WAgCA,OACAC,WACAC,aACAC,WACAC,gBAGAC,SACAC,WADA,WAEA,kCAEAC,WAJA,gBAKA,kBACA,mBACA,qBAGAC,QAVA,WAWA,kBACA,kBAEAC,UAdA,WAcA,WACA,kBACA,mBACAC,uBACA,oBACA,oCACAC,qBAEA,yBACAC,UACAC,kBAEAC,UAAA,eACAC,MAAA,OAEA,eACA,sBC/FwV,I,kCCSpVC,EAAY,eACd,EACApC,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAA4B,E,2CCpBf,W","file":"js/chunk-8dd62fce.ece95e10.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MangelLocation.vue?vue&type=style&index=1&id=f2737e7a&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-col',{staticStyle:{\"display\":\"flex\",\"flex-flow\":\"column\",\"height\":\"100%\",\"padding\":\"0\"}},[_c('b-row',{staticStyle:{\"flex-grow\":\"1\",\"margin\":\"0px\"}},[_c('b-col',{staticStyle:{\"height\":\"100%\",\"padding\":\"0px\",\"transition\":\"margin-left .5s\",\"overflow-y\":\"hidden\"},attrs:{\"id\":\"map_main\"}},[_c('div',{ref:\"map_container_1\",staticStyle:{\"position\":\"absolute\",\"width\":\"100%\",\"height\":\"100%\",\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\"},attrs:{\"id\":\"map_container_1\"}})])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\">\n    <b-col style=\"display: flex;\n  flex-flow: column;\n  height: 100%; padding: 0\">\n        <b-row style=\" flex-grow : 1; margin: 0px\">\n            <b-col id=\"map_main\" style=\"height: 100%; padding: 0px;  transition: margin-left .5s; overflow-y: hidden\">\n                <div style=\"position: absolute;\n                width:100%;\n                height:100%;\n                top: 0; right: 0;\n                bottom: 0; left: 0;\"\n                     id=\"map_container_1\"\n                     ref=\"map_container_1\">\n                </div>\n            </b-col>\n        </b-row>\n    </b-col>\n</template>\n\n<script>\n\n    import ZoomControl from 'mapbox-gl-controls/lib/zoom';\n    import LanguageControl from 'mapbox-gl-controls/lib/language';\n    import mapboxgl from 'mapbox-gl/dist/mapbox-gl';\n\n\n    export default {\n        name: \"MangelLocation\",\n        mounted() {\n            let lat = this.$route.query.lat;\n            let lon = this.$route.query.lon;\n            this.lat = parseFloat(lat);\n            this.lon = parseFloat(lon);\n            mapboxgl.accessToken = 'pk.eyJ1Ijoic3ZlbnBldGVyc2VuIiwiYSI6ImNqc3Z0YW82dDBhbDE0NXFpOGRzOXI4NWsifQ.Sq1nJiC3uKfA5yfYN8wR9w';\n            this.map = new mapboxgl.Map({\n                container: 'map_container_1',\n                style: 'mapbox://styles/mapbox/outdoors-v11',\n                center: [this.lon, this.lat],\n                zoom: 18,\n                minZoom: 5,\n                maxPitch: 0,\n                attributionControl: false\n            });\n\n            this.map.addControl(new ZoomControl(), 'bottom-right');\n            const languageControl = new LanguageControl({\n                language: 'de',\n            });\n            this.map.addControl(languageControl);\n\n            this.map.addControl(new mapboxgl.AttributionControl(), \"top-right\");\n\n            this.marker = null;\n            this.geojson = {};\n            this.showLoader();\n            this.map.on('load', this.mapLoad);\n        },\n        data() {\n            return {\n                visible: true,\n                mapLoaded: false,\n                markers: {},\n                first_load: true,\n            }\n        },\n        methods: {\n            showLoader() {\n                this.loader = this.$loading.show();\n            },\n            hideLoader() {\n                if (this.loader !== undefined) {\n                    this.loader.hide();\n                    this.loader = undefined;\n                }\n            },\n            mapLoad() {\n                this.mapLoaded = true;\n                this.addLayers();\n            },\n            addLayers() {\n                if (this.first_load) {\n                    this.first_load = false;\n                    setTimeout(() => {\n                        if (this.marker === null) {\n                            let el = document.createElement('div');\n                            el.className = 'marker';\n\n                            this.marker = new mapboxgl.Marker({\n                                element: el,\n                                anchor: 'center',\n                            })\n                                .setLngLat([this.lon, this.lat])\n                                .addTo(this.map);\n                        }\n                        this.map.resize();\n                        this.hideLoader()\n                    });\n                }\n            },\n        },\n    }\n</script>\n\n<style>\n\n    .marker {\n        background-image: url('../../public/mangel_marker.png');\n        background-size: cover;\n        width: 35px;\n        height: 35px;\n        border-radius: 50%;\n        cursor: pointer;\n        z-index: 1;\n    }\n\n    .black {\n        color: black;\n    }\n    .legend {\n        box-shadow: 0 1px 4px rgba(0, 0, 0, .3);\n        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);\n        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);\n        border-radius: 4px;\n    }\n\n    .sidebar2 {\n        visibility: hidden;\n        width: 0;\n        position: absolute;\n        z-index: 1 !important;\n        overflow-x: hidden;\n        -webkit-transition: 0.5s;\n        transition: 0.5s;\n        -moz-transition: 0.5s;\n        padding: 0;\n        top: 50px;\n        -webkit-transition-property: width, visibility;\n        transition-property: width, visibility;\n        -moz-transition-property: width, visibility;\n        -webkit-transition-timing-function: ease;\n        transition-timing-function: ease;\n        -moz-transition-timing-function: ease;\n    }\n\n    .mapboxgl-ctrl-top-left {\n        display: flex;\n        display: flex;\n        display: -moz-flex;\n        display: -webkit-flex;\n        display: -o-flex;\n    }\n\n    .mapboxgl-ctrl-top-left .mapboxgl-ctrl {\n        display: flex;\n        display: flex;\n        display: -moz-flex;\n        display: -webkit-flex;\n        display: -o-flex;\n    }\n    .mapboxgl-ctrl-top-left .mapboxgl-ctrl-group button+button {\n        border-left: 1px solid #ddd;\n        border-top: none;\n    }\n\n    .my-custom-control {\n        color: #f00;\n        background: #000;\n        padding: 8px;\n        border-radius: 4px;\n        margin: 8px;\n    }\n    .mapboxgl-popup {\n        max-width: 600px !important;\n    }\n    .mapboxgl-popup-close-button {\n        font-size: 20px;\n    }\n\n    .md-button.md-theme-default.md-raised[disabled] {\n        background-color: rgba(255, 255, 255, 1) !important;\n        color: rgba(0,0,0,0.5) !important;\n    }\n\n    .popup-header {\n        -webkit-text-size-adjust: 100%;\n        -ms-text-size-adjust: 100%;\n        -moz-osx-font-smoothing: grayscale;\n        -webkit-font-smoothing: antialiased;\n        font-family: Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif;\n        margin: 8px;\n    }\n    .popup-content {\n        -webkit-text-size-adjust: 100%;\n        -ms-text-size-adjust: 100%;\n        -moz-osx-font-smoothing: grayscale;\n        -webkit-font-smoothing: antialiased;\n        font-family: Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif;\n        margin: 8px;\n    }\n\n</style>\n\n<style scoped>\n    @import '../../node_modules/vue-material/dist/vue-material.min.css';\n    @import '../../node_modules/vue-material/dist/theme/default.css';\n\n    .hoverable-icon:hover {\n        cursor: pointer;\n    }\n\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MangelLocation.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MangelLocation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MangelLocation.vue?vue&type=template&id=f2737e7a&scoped=true&xmlns%3Av-slot=http%3A%2F%2Fwww.w3.org%2F1999%2FXSL%2FTransform&\"\nimport script from \"./MangelLocation.vue?vue&type=script&lang=js&\"\nexport * from \"./MangelLocation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MangelLocation.vue?vue&type=style&index=0&id=f2737e7a&prod&lang=css&\"\nimport style1 from \"./MangelLocation.vue?vue&type=style&index=1&id=f2737e7a&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f2737e7a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MangelLocation.vue?vue&type=style&index=0&id=f2737e7a&prod&lang=css&\""],"sourceRoot":""}