{"version":3,"sources":["webpack:///src/common/components/shop/ShopLocation.vue","webpack:///./src/common/components/shop/ShopLocation.vue?1463","webpack:///./src/common/components/shop/ShopLocation.vue","webpack:///./src/common/components/shop/ShopLocation.vue?7576","webpack:///src/common/components/shop/ShopMap.vue","webpack:///./src/common/components/shop/ShopMap.vue?cffa","webpack:///./src/common/components/shop/ShopMap.vue"],"names":["name","components","ShopMap","created","computed","methods","mapActions","_vm","this","_c","_self","staticClass","_v","_s","shop","on","$router","go","attrs","latitude","longitude","props","lat","lng","isDraggable","type","default","data","size","width","height","level","mounted","script","document","initMap","container","loadDynamicMap","position","center","draggable","marker","loadStaticMap","relayout","ref"],"mappings":"qKA8Be,GACfA,qBACAC,YACAC,Q,UAAAA,GAEAC,mBACA,uCAEAC,wBACA,yBAEAC,uBACAC,qB,wBClCA,EAAgB,eCRH,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,SAAS,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,SAASF,EAAG,KAAK,CAACE,YAAY,MAAM,CAACJ,EAAIK,GAAG,IAAIL,EAAIM,GAAGN,EAAIO,KAAKd,MAAM,OAAOS,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,SAAS,CAACE,YAAY,YAAYI,GAAG,CAAC,MAAQ,WAAiB,OAAOR,EAAIS,QAAQC,IAAI,aAAaR,EAAG,OAAO,CAACE,YAAY,OAAOO,MAAM,CAAC,KAAO,SAAS,CAACT,EAAG,UAAU,CAACS,MAAM,CAAC,IAAMX,EAAIO,KAAKK,SAAS,IAAMZ,EAAIO,KAAKM,cAAc,WAEnlB,IDMN,EAKhB,KACA,KACA,MAIe,qB,wCEnBf,oB,wECSe,GACfpB,gBACAqB,OACArB,YACAsB,WACAC,WACAC,aACAC,aACAC,aAGAC,gBACA,OACAC,MACAC,aACAC,eAEAC,UAGAC,8BACA,mCACA,mBAEA,CACA,uCACAC,6FAEAA,uDACAC,+BAGA7B,SACA8B,mBACA,qBACAC,8BACAA,gCAQA,+CAGA,0BAKAC,iCACC,EAAD,uBACAC,aAIA,GACAC,SACAR,iBACAS,2BACAC,UAGA,iCACAA,oBAYAC,gCAQC,EAAD,CACAH,SACAR,iBACAU,OAVA,CACA,CACAH,cAWA,gCACA,YAEAK,oBACA,uB,YClGA,EAAgB,eCPH,WAA+C,OAAOlC,EAA5BD,KAAYE,MAAMD,IAAa,MAAM,CAACmC,IAAI,MAAM1B,MAAM,CAAC,GAAK,WAE7E,IDKN,EAKhB,KACA,KACA,MAIe,e","file":"chunk-8dcff49a.aad4e878af96e00bc4a5.js","sourcesContent":["<template>\n  <div class=\"modal_wrap full_modal on\">\n    <!--'on 추가'-->\n    <div class=\"modal_inner\">\n      <div class=\"modal\">\n        <header class=\"header\">\n          <div class=\"inner\">\n            <div class=\"left\"></div>\n            <h1 class=\"h1\">\n              {{ shop.name }}\n            </h1>\n            <div class=\"right\">\n              <button class=\"h_btn i_x\" @click=\"$router.go(-1)\"></button>\n            </div>\n          </div>\n        </header>\n        <main class=\"main\" role=\"main\">\n          <ShopMap :lat=\"shop.latitude\" :lng=\"shop.longitude\" />\n        </main>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from '@common/store/modules/shop';\nimport * as shopTypes from '@common/store/modules/shop/types';\n\nimport ShopMap from '@/common/components/shop/ShopMap';\n\nexport default {\n  name: 'shop-location',\n  components: {\n    ShopMap,\n  },\n  created() {\n    this[shopTypes.FETCH_SHOP]({ id: this.$route.params.id });\n  },\n  computed: {\n    ...mapGetters({ shop: shopTypes.SHOP }),\n  },\n  methods: {\n    ...mapActions([shopTypes.FETCH_SHOP]),\n  },\n};\n</script>\n\n<style>\n#shopMap {\n  height: 100%;\n}\n</style>\n","import { render, staticRenderFns } from \"./ShopLocation.vue?vue&type=template&id=6a85b7e5&\"\nimport script from \"./ShopLocation.vue?vue&type=script&lang=js&\"\nexport * from \"./ShopLocation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ShopLocation.vue?vue&type=style&index=0&id=6a85b7e5&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"modal_wrap full_modal on\"},[_c('div',{staticClass:\"modal_inner\"},[_c('div',{staticClass:\"modal\"},[_c('header',{staticClass:\"header\"},[_c('div',{staticClass:\"inner\"},[_c('div',{staticClass:\"left\"}),_c('h1',{staticClass:\"h1\"},[_vm._v(\" \"+_vm._s(_vm.shop.name)+\" \")]),_c('div',{staticClass:\"right\"},[_c('button',{staticClass:\"h_btn i_x\",on:{\"click\":function($event){return _vm.$router.go(-1)}}})])])]),_c('main',{staticClass:\"main\",attrs:{\"role\":\"main\"}},[_c('ShopMap',{attrs:{\"lat\":_vm.shop.latitude,\"lng\":_vm.shop.longitude}})],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShopLocation.vue?vue&type=style&index=0&id=6a85b7e5&prod&lang=css&\"","<template>\n  <div id=\"map\" ref=\"map\"></div>\n</template>\n\n<script>\nimport appkey from '@/common/config.js';\n\nlet map = null;\n\nexport default {\n  name: 'shop-map',\n  props: {\n    name: String,\n    lat: Number,\n    lng: Number,\n    isDraggable: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  data() {\n    return {\n      size: {\n        width: '100%',\n        height: '100%',\n      },\n      level: 1,\n    };\n  },\n  mounted() {\n    if (window.kakao && window.kakao.maps) {\n      this.initMap();\n      // this.relayout();\n    } else {\n      const script = document.createElement('script');\n      script.src = `https://dapi.kakao.com/v2/maps/sdk.js?autoload=false&appkey=${appkey.kakaoAppKey}`;\n      /* global kakao */\n      script.onload = () => kakao.maps.load(this.initMap);\n      document.head.appendChild(script);\n    }\n  },\n  methods: {\n    initMap() {\n      const container = this.$refs.map;\n      container.style.width = this.size.width;\n      container.style.height = this.size.height;\n\n      // 마커의 이미지정보를 가지고 있는 마커이미지를 생성\n      // const imageSrc = require('@/assets/');\n      // const imageSize = new kakao.maps.Size(24, 35);\n      // const markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize);\n\n      // 주소의 경도 위도 정보 가져오기\n      const coords = new kakao.maps.LatLng(this.lat, this.lng);\n\n      // 동적지도\n      this.loadDynamicMap(container, coords);\n\n      // 정적지도\n      // this.loadStaticMap(container, coords);\n    },\n    loadDynamicMap(container, coords) {\n      const marker = new kakao.maps.Marker({\n        position: coords, // 마커의 위치\n        // image: markerImage,\n      });\n\n      const mapOption = {\n        center: coords,\n        level: this.level,\n        draggable: this.isDraggable, // 지도이동\n        marker: marker,\n      };\n\n      this.map = new kakao.maps.Map(container, mapOption);\n      marker.setMap(this.map);\n\n      // 마커 인포윈도우 생성\n      // const content = `<div style=\"padding: 0.5rem; font-weight: bold; text-align: center;\">${this.name}</div>`;\n\n      // const infowindow = new kakao.maps.InfoWindow({\n      //   content: content,\n      // });\n\n      // infowindow.open(map, marker);\n      // this.map = map;\n    },\n    loadStaticMap(container, coords) {\n      const marker = [\n        {\n          position: coords,\n          // text: this.name,\n        },\n      ];\n\n      const mapOption = {\n        center: coords,\n        level: this.level,\n        marker: marker,\n      };\n\n      const map = new kakao.maps.StaticMap(container, mapOption);\n      this.map = map;\n    },\n    relayout() {\n      this.map.relayout();\n    },\n  },\n};\n</script>\n","import { render, staticRenderFns } from \"./ShopMap.vue?vue&type=template&id=413ec816&\"\nimport script from \"./ShopMap.vue?vue&type=script&lang=js&\"\nexport * from \"./ShopMap.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"map\",attrs:{\"id\":\"map\"}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }"],"sourceRoot":""}