{"version":3,"sources":["webpack:///./src/views/Display3D/Display3DWithoutDEM.vue?4481","webpack:///./src/views/Display3D/Display3DWithoutDEM.vue?3bcd","webpack:///src/views/Display3D/Display3DWithoutDEM.vue","webpack:///./src/views/Display3D/Display3DWithoutDEM.vue?c022","webpack:///./src/views/Display3D/Display3DWithoutDEM.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","shareReason","staticRenderFns","component"],"mappings":"uIAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,GAAK,SAASH,EAAG,eAAe,CAACG,MAAM,CAAC,YAAcP,EAAIQ,eAAeJ,EAAG,gBAAgB,IAC7OK,EAAkB,G,+ICgBtB,GACE,KAAF,sBACE,WAAF,CAAI,YAAJ,OAAI,YAAJ,QACE,KAHF,WAII,MAAJ,CACM,IAAN,GACM,MAAN,EAEM,YAAN,KAGE,QAAF,CACI,KADJ,WACM,IAAN,OAAM,OAAN,qDAAQ,OAAR,0FACA,iBADA,OAEA,uCACA,mBACA,gBACA,aACA,QACA,6BACA,sBACA,eACA,6BACA,0CACA,OACA,0EAKA,4BAQA,gBACA,SACA,WACA,OACA,wBACA,2BACA,qCAGA,YAnCA,8CAsCI,KAvCJ,WAuCM,IAAN,OACA,eACM,EAAN,wBACM,EAAN,0CACM,KAAN,0EACQ,GAAR,qBACU,EAAV,oCACU,QAAV,mBACU,EAAV,6BACY,KAAZ,SACY,MAAZ,CACA,4BAEY,SAAZ,IACY,OAAZ,QAEU,EAAV,cACY,GAAZ,eACY,KAAZ,SACY,OAAZ,gBAEU,IAAV,cACA,oDACY,EAAZ,6BACc,KAAd,SACc,MAAd,CAEc,EAAd,4CAEc,SAAd,IACc,OAAd,QAEY,EAAZ,cACc,GAAd,cACc,KAAd,SACc,OAAd,iBAGU,EAAV,YACY,OAAZ,4CACY,KAAZ,sBACY,MAAZ,yBAEU,EAAV,gBACU,SAAV,8BAEU,EAAV,cAAY,KAAZ,kBAII,aAzFJ,SAyFA,GACM,KAAN,wBAAQ,SAAR,IACM,sBAAN,qBAGE,QAzGF,WA0GI,OAAJ,cACA,iCACA,+BACQ,SAAR,8FACQ,SAAR,uCAEQ,KAAR,OAEM,KAAN,mDACM,OAAN,OAAM,CAAN,6BCpI4W,I,wBCQxWC,EAAY,eACd,EACAX,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-33d8434c.d28dd136.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Display3DWithoutDEM.vue?vue&type=style&index=0&id=482b0a69&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"display3d\"},[_c('div',{attrs:{\"id\":\"map\"}}),_c('share-reason',{attrs:{\"shareReason\":_vm.shareReason}}),_c('TopShareBar')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"display3d\">\n        <div id=\"map\"/>\n      <!--分享说明-->\n      <share-reason :shareReason=\"shareReason\"></share-reason>\n        <TopShareBar/>\n    </div>\n</template>\n\n<script>\n\nimport mapboxgl from \"mapbox-gl\";\nimport TopShareBar from '@/components/TopShareBar';\nimport ShareReason from '@/components/ShareReason';\nimport {getMapboxToken} from \"@/utils/utils\";\nimport {getWxSignature} from \"@/utils/shareConfig\";\n\nexport default {\n    name: \"Display3DWithoutDEM\",\n    components: {TopShareBar,ShareReason},\n    data() {\n        return {\n          map: '',\n          index: 0,\n\n          shareReason:\"\",\n        }\n    },\n    methods: {\n        async init() {\n          await getMapboxToken();\n          mapboxgl.accessToken = this.globalJS.mapboxToken;\n          this.map = new mapboxgl.Map({\n            container: 'map',\n            center: [0, 0],\n            zoom: 18,\n            style: this.globalJS.mapboxStyle,\n            attributionControl: false,\n            interactive: false,\n            transformRequest: (url) => {\n              if (url.indexOf('https://api.mapbox.com') > -1) {\n                return {\n                  url: url.replace('https://api.mapbox.com', 'https://earth.jl1.cn/mapbox'),\n                };\n              }\n            }\n          });\n          this.map.on('load', () => {\n            // this.map.addSource('mapbox-dem', {\n            //   type: 'raster-dem',\n            //   url: 'mapbox://mapbox.mapbox-terrain-dem-v1',\n            //   tileSize: 512,\n            //   maxZoom: 14,\n            // });\n            // this.map.setTerrain({'source': 'mapbox-dem', 'exaggeration': 1});\n            this.map.addLayer({\n              id: 'sky',\n              type: 'sky',\n              paint: {\n                'sky-type': 'atmosphere',\n                'sky-atmosphere-sun': [0.0, 0.0],\n                'sky-atmosphere-sun-intensity': 15,\n              }\n            });\n            this.load()\n          });\n        },\n        load() {\n            let data = new FormData()\n            data.append('shareType', '1')\n            data.append('infoId', this.$route.query.infoId)\n            this.$http.post('/earthApi/main-info/getThreeDInfoDetail', data).then(response => {\n              if (response.data.status === 200) {\n                this.shareReason = response.data.data.shareReason\n                console.log(this.shareReason)\n                    this.map.addSource('china1m2021', {\n                        type: 'raster',\n                        tiles: [\n                          this.globalJS.world1mUrl_2021\n                        ],\n                        tileSize: 256,\n                        scheme: 'tms',\n                    });\n                    this.map.addLayer({\n                        id: 'china1mLayer',\n                        type: 'raster',\n                        source: 'china1m2021',\n                    });\n                    let _info = response.data.data\n                    if (_info['citeSimpleDtoList'][this.index]['layerName']  !== '') {\n                        this.map.addSource('3DCiteLayer', {\n                            type: 'raster',\n                            tiles: [\n                              // \"https://tile.charmingglobe.com/tile/world/tms/{z}/{x}/{y}?v=v1&token=Bearer a84a40c81f784490a4c5689187054abf\"\n                              _info['citeSimpleDtoList'][this.index]['layerName'],\n                            ],\n                            tileSize: 256,\n                            scheme: 'tms'\n                        });\n                        this.map.addLayer({\n                            'id': '3DCiteLayer',\n                            'type': 'raster',\n                            'source': '3DCiteLayer',\n                        });\n                    }\n                    this.map.jumpTo({\n                        center: [parseFloat(_info['lon']), parseFloat(_info['lat'])],\n                        zoom: parseFloat(_info['zoom']),\n                        pitch: parseFloat(_info['angle'])\n                    })\n                    this.rotateCamera(0)\n                    document.title = String(_info['title'])\n                } else {\n                    this.$router.push({path: '/NotExist'})\n                }\n            })\n        },\n        rotateCamera(timestamp) {\n            this.map.rotateTo((timestamp / 100) % 360, {duration: 0})\n            requestAnimationFrame(this.rotateCamera)\n        },\n    },\n    mounted() {\n        window.mapboxgl = this;\n        if (this.$route.query.infoId != null) {\n            if (this.$route.query.title != null) {\n                document.getElementsByClassName(\"display3d\")[0].style.backgroundImage = 'url(' + this.$route.query.gif + ')';\n                document.title = String(this.$route.query.title)\n            } else {\n                this.init();\n            }\n            this.index = parseInt(this.$route.query.index.toString())\n          getWxSignature(this.$route.query.infoId)\n        }\n    }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.display3d {\n    height: 100%;\n    width: 100%;\n    background-color: black;\n    display: flex;\n    align-items: center;\n    position: absolute;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: cover;\n}\n\n#map {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    pointer-events: none;\n}\n\n</style>\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!./Display3DWithoutDEM.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!./Display3DWithoutDEM.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Display3DWithoutDEM.vue?vue&type=template&id=482b0a69&scoped=true&\"\nimport script from \"./Display3DWithoutDEM.vue?vue&type=script&lang=js&\"\nexport * from \"./Display3DWithoutDEM.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Display3DWithoutDEM.vue?vue&type=style&index=0&id=482b0a69&scoped=true&lang=scss&\"\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  \"482b0a69\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}