{"version":3,"sources":["webpack:///./src/page/map/index.vue?47fb","webpack:///src/page/map/index.vue","webpack:///./src/page/map/index.vue?ec10","webpack:///./src/page/map/index.vue","webpack:///./src/page/map/index.vue?3de8","webpack:///./src/page/map/index.vue?bd9b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticRenderFns","data","url","computed","lon","$route","query","lat","cinemaName","cinemaAddress","created","_this","$util","dynamicLoadJs","AMapLoader","reset","load","key","version","then","AMap","map","Map","viewMode","zoom","center","markerDit","Marker","position","LngLat","content","offset","Pixel","markerName","concat","add","methods","component"],"mappings":"qKAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,WAAWC,MAAM,CAAC,GAAK,UACzIC,EAAkB,GCgBP,GACfC,KAAA,WACA,OACAC,IAAA,KAGAC,SAAA,CACAC,IAAA,WACA,YAAAC,OAAAC,MAAAF,KAAA,GAEAG,IAAA,WACA,YAAAF,OAAAC,MAAAC,KAAA,GAEAC,WAAA,WACA,YAAAH,OAAAC,MAAAE,YAAA,IAEAC,cAAA,WACA,YAAAJ,OAAAC,MAAAG,eAAA,KAGAC,QAAA,eAAAC,EAAA,KACA,KAAAC,MAAAC,cAAA,gDACAC,WAAAC,QACAD,WAAAE,KAAA,CACAC,IAAA,mCACAC,QAAA,QACAC,MAAA,SAAAC,GACA,IAAAC,EAAA,IAAAD,EAAAE,IAAA,OACAC,SAAA,KACAC,KAAA,GACAC,OAAA,CAAAd,EAAAP,IAAAO,EAAAJ,OAGAmB,EAAA,IAAAN,EAAAO,OAAA,CACAC,SAAA,IAAAR,EAAAS,OAAAlB,EAAAP,IAAAO,EAAAJ,KACAuB,QAAA,iCACAC,OAAA,IAAAX,EAAAY,MAAA,OAGAC,EAAA,IAAAb,EAAAO,OAAA,CACAC,SAAA,IAAAR,EAAAS,OAAAlB,EAAAP,IAAAO,EAAAJ,KACAuB,QAAA,0GAAAI,OAEAvB,EAAAH,WAAA,sCAEAuB,OAAA,IAAAX,EAAAY,MAAA,OAGAX,EAAAc,IAAAT,GACAL,EAAAc,IAAAF,UAIAG,QAAA,ICtE6V,I,kCCSzVC,EAAY,eACd,EACA9C,EACAS,GACA,EACA,KACA,WACA,MAIa,aAAAqC,E,2CCpBf,W,kCCAA","file":"1740798857806/js/chunk-0f417452.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page map\",attrs:{\"id\":\"map\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n * @Author: Axs <i@axs.email>\n * @Date: 2020-08-04 18:48:05\n * @LastEditors: Axs <i@axs.email>\n * @LastEditTime: 2020-09-02 11:56:58\n * @Description: \n * @FilePath: /src/page/map/index.vue\n-->\n<template>\n    <div class=\"page map\" id=\"map\"></div>\n</template>\n<script type=\"text/javascript\">\nwindow._AMapSecurityConfig = {\n    securityJsCode: '69c8fb6d1f688eeae7073f611778c667',\n};\n</script>\n<script>\nexport default {\n    data() {\n        return {\n            url: '',\n        };\n    },\n    computed: {\n        lon() {\n            return this.$route.query.lon || 0;\n        },\n        lat() {\n            return this.$route.query.lat || 0;\n        },\n        cinemaName() {\n            return this.$route.query.cinemaName || '';\n        },\n        cinemaAddress() {\n            return this.$route.query.cinemaAddress || '';\n        },\n    },\n    created() {\n        this.$util.dynamicLoadJs('https://webapi.amap.com/loader.js', () => {\n            AMapLoader.reset();\n            AMapLoader.load({\n                key: '3ee4bcf8c99fc1bfe930857af29ad5d1', // 申请好的Web端开发者Key，首次调用 load 时必填\n                version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15\n            }).then(AMap => {\n                const map = new AMap.Map('map', {\n                    viewMode: '2D', // 默认使用 2D 模式\n                    zoom: 16, //初始化地图层级\n                    center: [this.lon, this.lat], //初始化地图中心点\n                });\n\n                const markerDit = new AMap.Marker({\n                    position: new AMap.LngLat(this.lon, this.lat),\n                    content: `<div class=\"cinema-dit\"></div>`, // 将 html 传给 content\n                    offset: new AMap.Pixel(0, 0), // 以 icon 的 [center bottom] 为原点\n                });\n\n                const markerName = new AMap.Marker({\n                    position: new AMap.LngLat(this.lon, this.lat),\n                    content: `\n                    <div class=\"cinema-name-line\">\n                        <div class=\"cinema-name\">${this.cinemaName}</div>\n                    </div>`, // 将 html 传给 content\n                    offset: new AMap.Pixel(0, 0), // 以 icon 的 [center bottom] 为原点\n                });\n\n                map.add(markerDit);\n                map.add(markerName);\n            });\n        });\n    },\n    methods: {},\n};\n</script>\n\n<style lang=\"less\" scoped>\n.map {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100vw;\n    height: 100vh;\n}\n</style>\n<style lang=\"less\">\n@import url('~@/lib/base.less');\n.map {\n    .cinema-dit {\n        width: .pxToRem(12) [];\n        height: .pxToRem(12) [];\n        border-radius: 100%;\n        background: @theme_color_first;\n        border: .pxToRem(4) [] solid red;\n        transform: translate(-50%, -50%);\n    }\n    .cinema-name-line {\n        width: 100vw;\n        transform: translate(-50%);\n        text-align: center;\n    }\n    .cinema-name {\n        display: inline-block;\n        max-width: .pxToRem(400) [];\n        transform: translate(0%);\n        padding: .pxToRem(8) [];\n        margin-top: .pxToRem(24) [];\n        border-radius: .pxToRem(8) [];\n        border: .pxToRem(2) [] solid @theme_color_first;\n        background-color: rgba(255, 255, 255, 0.9);\n        color: rgba(0, 0, 0, 0.9);\n        z-index: 1;\n    }\n    .cinema-name::after {\n        content: ' ';\n        .base-center-x;\n        top: .pxToRem(-8) [];\n        width: .pxToRem(12) [];\n        height: .pxToRem(12) [];\n        background-color: rgba(255, 255, 255, 0.9);\n        transform: translateX(-50%) rotate(45deg);\n        border-top: .pxToRem(2) [] solid @theme_color_first;\n        border-left: .pxToRem(2) [] solid @theme_color_first;\n        z-index: -2;\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!./index.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!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=23c99fca&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=23c99fca&prod&lang=less&scoped=true\"\nimport style1 from \"./index.vue?vue&type=style&index=1&id=23c99fca&prod&lang=less\"\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  \"23c99fca\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=1&id=23c99fca&prod&lang=less\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=23c99fca&prod&lang=less&scoped=true\""],"sourceRoot":""}