{"version":3,"sources":["webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMap.vue?58e9","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapBasic.vue?90b1","webpack:///src/views/charts-and-maps/maps/google-map/GoogleMapBasic.vue","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapBasic.vue?b7c5","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapBasic.vue","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapInfoWindow.vue?60de","webpack:///src/views/charts-and-maps/maps/google-map/GoogleMapInfoWindow.vue","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapInfoWindow.vue?0951","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapInfoWindow.vue","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapStreetView.vue?e8ea","webpack:///src/views/charts-and-maps/maps/google-map/GoogleMapStreetView.vue","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapStreetView.vue?1bab","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapStreetView.vue","webpack:///src/views/charts-and-maps/maps/google-map/GoogleMap.vue","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMap.vue?e140","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMap.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_m","staticClass","staticRenderFns","_v","staticStyle","center","_l","m","index","key","position","on","$event","slot","data","markers","component","infoOptions","infoWindowPos","infoWinOpen","_s","infoContent","i","toggleInfoWindow","currentMidx","pixelOffset","methods","marker","infoText","idx","lat","lng","pov","updatePano","updatePov","heading","pitch","pano","Math","random","components","GoogleMapBasic","GoogleMapInfoWindow","GoogleMapStreetView"],"mappings":"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","file":"js/chunk-2d0c1c9a.fd14b597.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"extra-component-google-map-demo\"}},[_vm._m(0),_c('google-map-basic'),_c('google-map-info-window'),_c('google-map-street-view'),_c('div',{staticClass:\"content-area__content\"})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"mb-4\"},[_c('a',{attrs:{\"href\":\"https://xkjyeah.github.io/vue-google-maps/\",\"target\":\"_blank\",\"rel\":\"nofollow\"}},[_vm._v(\"Google maps\")]),_vm._v(\" component for vue with 2-way data binding\")])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Basic\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Creating basic google map\")]),_c('div',{staticClass:\"mt-5\"},[_c('GmapMap',{staticStyle:{\"width\":\"100%\",\"height\":\"400px\"},attrs:{\"center\":_vm.center,\"zoom\":7,\"map-type-id\":\"terrain\"}},_vm._l((_vm.markers),function(m,index){return _c('GmapMarker',{key:index,attrs:{\"position\":m.position,\"clickable\":true,\"draggable\":true},on:{\"click\":function($event){_vm.center=m.position}}})}),1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <GmapMap\\n    :center=\\\"center\\\"\\n    :zoom=\\\"7\\\"\\n    map-type-id=\\\"terrain\\\"\\n    style=\\\"width: 100%; height: 400px\\\"\\n    @click=\\\"mapClicked\\\"\\n  >\\n    <GmapMarker\\n      :key=\\\"index\\\"\\n      v-for=\\\"(m, index) in markers\\\"\\n      :position=\\\"m.position\\\"\\n      :clickable=\\\"true\\\"\\n      :draggable=\\\"true\\\"\\n      @click=\\\"center=m.position\\\"\\n    />\\n  </GmapMap>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      center: { lat: 10.0, lng: 10.0 },\\n      markers: [\\n        { position: { lat: 10.0, lng: 10.0 } },\\n        { position: { lat: 11.0, lng: 11.0 } },\\n      ]\\n    }\\n  },\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: GoogleMapBasic.vue\n    Description: Google map Basic\n    ----------------------------------------------------------------------------------------\n    Item Name: DevMind - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://www.devmind.uz\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Basic\" code-toggler>\n\n        <p>Creating basic google map</p>\n\n        <div class=\"mt-5\">\n            <GmapMap\n                :center=\"center\"\n                :zoom=\"7\"\n                map-type-id=\"terrain\"\n                style=\"width: 100%; height: 400px\">\n                <GmapMarker\n                    :key=\"index\"\n                    v-for=\"(m, index) in markers\"\n                    :position=\"m.position\"\n                    :clickable=\"true\"\n                    :draggable=\"true\"\n                    @click=\"center=m.position\"\n                />\n            </GmapMap>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;GmapMap\n    :center=&quot;center&quot;\n    :zoom=&quot;7&quot;\n    map-type-id=&quot;terrain&quot;\n    style=&quot;width: 100%; height: 400px&quot;\n    @click=&quot;mapClicked&quot;\n  &gt;\n    &lt;GmapMarker\n      :key=&quot;index&quot;\n      v-for=&quot;(m, index) in markers&quot;\n      :position=&quot;m.position&quot;\n      :clickable=&quot;true&quot;\n      :draggable=&quot;true&quot;\n      @click=&quot;center=m.position&quot;\n    /&gt;\n  &lt;/GmapMap&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      center: { lat: 10.0, lng: 10.0 },\n      markers: [\n        { position: { lat: 10.0, lng: 10.0 } },\n        { position: { lat: 11.0, lng: 11.0 } },\n      ]\n    }\n  },\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      center: { lat: 10.0, lng: 10.0 },\n      markers: [\n        { position: { lat: 10.0, lng: 10.0 } },\n        { position: { lat: 11.0, lng: 11.0 } }\n      ]\n    }\n  }\n}\n</script>\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!./GoogleMapBasic.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!./GoogleMapBasic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GoogleMapBasic.vue?vue&type=template&id=2b9803f0&\"\nimport script from \"./GoogleMapBasic.vue?vue&type=script&lang=js&\"\nexport * from \"./GoogleMapBasic.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Info Window\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"A basic example of using a single infowindow for 3 markers\")]),_c('div',{staticClass:\"mt-5\"},[_c('gmap-map',{staticStyle:{\"width\":\"100%\",\"height\":\"500px\"},attrs:{\"center\":_vm.center,\"zoom\":15}},[_c('gmap-info-window',{attrs:{\"options\":_vm.infoOptions,\"position\":_vm.infoWindowPos,\"opened\":_vm.infoWinOpen},on:{\"closeclick\":function($event){_vm.infoWinOpen=false}}},[_vm._v(\"\\n                    \"+_vm._s(_vm.infoContent)+\"\\n                \")]),_vm._l((_vm.markers),function(m,i){return _c('gmap-marker',{key:i,attrs:{\"position\":m.position,\"clickable\":true},on:{\"click\":function($event){return _vm.toggleInfoWindow(m,i)}}})})],2)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <gmap-map :center=\\\"center\\\" :zoom=\\\"15\\\" style=\\\"width: 100%; height: 500px\\\">\\n    <gmap-info-window :options=\\\"infoOptions\\\" :position=\\\"infoWindowPos\\\" :opened=\\\"infoWinOpen\\\" @closeclick=\\\"infoWinOpen=false\\\">\\n      \"+_vm._s(_vm.infoContent)+\"\\n    </gmap-info-window>\\n    <gmap-marker :key=\\\"i\\\" v-for=\\\"(m,i) in markers\\\" :position=\\\"m.position\\\" :clickable=\\\"true\\\" @click=\\\"toggleInfoWindow(m,i)\\\"></gmap-marker>\\n  </gmap-map>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      center: { lat: 47.376332, lng: 8.547511 },\\n      infoContent: '',\\n      infoWindowPos: null,\\n      infoWinOpen: false,\\n      currentMidx: null,\\n      //optional: offset infowindow so it visually sits nicely on top of our marker\\n      infoOptions: {\\n      pixelOffset: { width: 0, height: -35 }\\n      },\\n      markers: [\\n        { position: { lat: 47.376332, lng: 8.547511 }, infoText: 'Marker 1' },\\n        { position: { lat: 47.374592, lng: 8.548867 }, infoText: 'Marker 2' },\\n        { position: { lat: 47.379592, lng: 8.549867 }, infoText: 'Marker 3' }\\n      ]\\n    }\\n  },\\n  methods: {\\n    toggleInfoWindow: function(marker, idx) {\\n      this.infoWindowPos = marker.position;\\n      this.infoContent = marker.infoText;\\n      //check if its the same marker that was selected if yes toggle\\n      if (this.currentMidx == idx) {\\n        this.infoWinOpen = !this.infoWinOpen;\\n      }\\n      //if different marker set infowindow to open and reset current marker index\\n      else {\\n        this.infoWinOpen = true;\\n        this.currentMidx = idx;\\n      }\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: GoogleMapInfoWindow.vue\n    Description: Google map Basicwith info window\n    ----------------------------------------------------------------------------------------\n    Item Name: Adstor - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://www.devmind.uz\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Info Window\" code-toggler>\n\n        <p>A basic example of using a single infowindow for 3 markers</p>\n\n        <div class=\"mt-5\">\n            <gmap-map :center=\"center\" :zoom=\"15\" style=\"width: 100%; height: 500px\">\n                <gmap-info-window :options=\"infoOptions\" :position=\"infoWindowPos\" :opened=\"infoWinOpen\" @closeclick=\"infoWinOpen=false\">\n                    {{infoContent}}\n                </gmap-info-window>\n                <gmap-marker :key=\"i\" v-for=\"(m,i) in markers\" :position=\"m.position\" :clickable=\"true\" @click=\"toggleInfoWindow(m,i)\"></gmap-marker>\n            </gmap-map>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;gmap-map :center=&quot;center&quot; :zoom=&quot;15&quot; style=&quot;width: 100%; height: 500px&quot;&gt;\n    &lt;gmap-info-window :options=&quot;infoOptions&quot; :position=&quot;infoWindowPos&quot; :opened=&quot;infoWinOpen&quot; @closeclick=&quot;infoWinOpen=false&quot;&gt;\n      {{infoContent}}\n    &lt;/gmap-info-window&gt;\n    &lt;gmap-marker :key=&quot;i&quot; v-for=&quot;(m,i) in markers&quot; :position=&quot;m.position&quot; :clickable=&quot;true&quot; @click=&quot;toggleInfoWindow(m,i)&quot;&gt;&lt;/gmap-marker&gt;\n  &lt;/gmap-map&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      center: { lat: 47.376332, lng: 8.547511 },\n      infoContent: '',\n      infoWindowPos: null,\n      infoWinOpen: false,\n      currentMidx: null,\n      //optional: offset infowindow so it visually sits nicely on top of our marker\n      infoOptions: {\n      pixelOffset: { width: 0, height: -35 }\n      },\n      markers: [\n        { position: { lat: 47.376332, lng: 8.547511 }, infoText: 'Marker 1' },\n        { position: { lat: 47.374592, lng: 8.548867 }, infoText: 'Marker 2' },\n        { position: { lat: 47.379592, lng: 8.549867 }, infoText: 'Marker 3' }\n      ]\n    }\n  },\n  methods: {\n    toggleInfoWindow: function(marker, idx) {\n      this.infoWindowPos = marker.position;\n      this.infoContent = marker.infoText;\n      //check if its the same marker that was selected if yes toggle\n      if (this.currentMidx == idx) {\n        this.infoWinOpen = !this.infoWinOpen;\n      }\n      //if different marker set infowindow to open and reset current marker index\n      else {\n        this.infoWinOpen = true;\n        this.currentMidx = idx;\n      }\n    }\n  }\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      center: { lat: 47.376332, lng: 8.547511 },\n      infoContent: '',\n      infoWindowPos: null,\n      infoWinOpen: false,\n      currentMidx: null,\n      //optional: offset infowindow so it visually sits nicely on top of our marker\n      infoOptions: {\n        pixelOffset: { width: 0, height: -35 }\n      },\n      markers: [\n        { position: { lat: 47.376332, lng: 8.547511 }, infoText: 'Marker 1' },\n        { position: { lat: 47.374592, lng: 8.548867 }, infoText: 'Marker 2' },\n        { position: { lat: 47.379592, lng: 8.549867 }, infoText: 'Marker 3' }\n      ]\n    }\n  },\n  methods: {\n    toggleInfoWindow (marker, idx) {\n      this.infoWindowPos = marker.position\n      this.infoContent = marker.infoText\n\n      if (this.currentMidx === idx) {\n\n        //check if its the same marker that was selected if yes toggle\n        this.infoWinOpen = !this.infoWinOpen\n      } else {\n\n        //if different marker set infowindow to open and reset current marker index\n        this.infoWinOpen = true\n        this.currentMidx = idx\n      }\n    }\n  }\n}\n</script>\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!./GoogleMapInfoWindow.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!./GoogleMapInfoWindow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GoogleMapInfoWindow.vue?vue&type=template&id=40ab3801&\"\nimport script from \"./GoogleMapInfoWindow.vue?vue&type=script&lang=js&\"\nexport * from \"./GoogleMapInfoWindow.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Street View\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Example of creating google map - street view\")]),_c('div',{staticClass:\"mt-5\"},[_c('h6',[_vm._v(\"Panorama at Pembroke College, Cambridge, facing North, looking slightly upwards (10 degrees)\")]),_c('p',{staticClass:\"mt-3 mb-5\"},[_vm._v(\"Point-of-view updates when you pan around\")]),_c('gmap-street-view-panorama',{staticClass:\"pano\",staticStyle:{\"height\":\"400px\",\"width\":\"100%\"},attrs:{\"position\":{lat: 52.201272, lng: 0.118720},\"pov\":_vm.pov,\"zoom\":1},on:{\"pano_changed\":_vm.updatePano,\"pov_changed\":_vm.updatePov}}),_c('vs-list',{staticClass:\"mt-5\"},[_c('vs-list-item',{attrs:{\"title\":(\" Heading: \" + (_vm.pov && _vm.pov.heading))}}),_c('vs-list-item',{attrs:{\"title\":(\" Pitch: \" + (_vm.pov && _vm.pov.pitch))}}),_c('vs-list-item',{attrs:{\"title\":(\" Pano ID: \" + _vm.pano)}})],1),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-button',{attrs:{\"type\":\"filled\"},on:{\"click\":function($event){_vm.pov.heading = Math.random() * 360}}},[_vm._v(\"Change Heading\")]),_c('vs-button',{attrs:{\"type\":\"filled\"},on:{\"click\":function($event){_vm.pov.pitch = Math.random() * 180 - 90}}},[_vm._v(\"Change Pitch\")]),_c('vs-button',{attrs:{\"type\":\"filled\"},on:{\"click\":function($event){_vm.pov.pitch = Math.random() * 180 - 90, _vm.pov.heading = Math.random() * 360}}},[_vm._v(\"Change Both\")])],1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <h6>Panorama at Pembroke College, Cambridge, facing North, looking slightly upwards (10 degrees)</h6>\\n  <p class=\\\"mt-3 mb-5\\\">Point-of-view updates when you pan around</p>\\n\\n  <gmap-street-view-panorama class=\\\"pano\\\" :position=\\\"{lat: 52.201272, lng: 0.118720}\\\"\\n    :pov=\\\"pov\\\" :zoom=\\\"1\\\" @pano_changed=\\\"updatePano\\\" @pov_changed=\\\"updatePov\\\" style=\\\"height: 400px; width: 100%\\\">\\n  </gmap-street-view-panorama>\\n\\n  <vs-list class=\\\"mt-5\\\">\\n    <vs-list-item :title=\\\"` Heading: ${ pov && pov.heading }`\\\"></vs-list-item>\\n    <vs-list-item :title=\\\"` Pitch: ${ pov && pov.pitch }`\\\"></vs-list-item>\\n    <vs-list-item :title=\\\"` Pano ID: ${ pano }`\\\"></vs-list-item>\\n  </vs-list>\\n\\n  <div class=\\\"demo-alignment\\\">\\n    <vs-button type=\\\"filled\\\" @click=\\\"pov.heading = Math.random() * 360\\\">Change Heading</vs-button>\\n    <vs-button type=\\\"filled\\\" @click=\\\"pov.pitch = Math.random() * 180 - 90\\\">Change Pitch</vs-button>\\n    <vs-button type=\\\"filled\\\" @click=\\\"pov.pitch = Math.random() * 180 - 90, pov.heading = Math.random() * 360\\\">Change Both</vs-button>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      pov: null,\\n      pano: null,\\n    }\\n  },\\n  methods: {\\n    updatePov(pov) {\\n      this.pov = pov;\\n    },\\n    updatePano(pano) {\\n      this.pano = pano;\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: GoogleMapStreetView.vue\n    Description: Google map Street view\n    ----------------------------------------------------------------------------------------\n    Item Name: DevMind - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://www.devmind.uz\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Street View\" code-toggler>\n\n        <p>Example of creating google map - street view</p>\n\n        <div class=\"mt-5\">\n            <h6>Panorama at Pembroke College, Cambridge, facing North, looking slightly upwards (10 degrees)</h6>\n            <p class=\"mt-3 mb-5\">Point-of-view updates when you pan around</p>\n\n            <gmap-street-view-panorama class=\"pano\" :position=\"{lat: 52.201272, lng: 0.118720}\"\n                :pov=\"pov\" :zoom=\"1\" @pano_changed=\"updatePano\" @pov_changed=\"updatePov\" style=\"height: 400px; width: 100%\">\n            </gmap-street-view-panorama>\n            <vs-list class=\"mt-5\">\n                <vs-list-item :title=\"` Heading: ${ pov && pov.heading }`\"></vs-list-item>\n                <vs-list-item :title=\"` Pitch: ${ pov && pov.pitch }`\"></vs-list-item>\n                <vs-list-item :title=\"` Pano ID: ${ pano }`\"></vs-list-item>\n            </vs-list>\n            <div class=\"demo-alignment\">\n                <vs-button type=\"filled\" @click=\"pov.heading = Math.random() * 360\">Change Heading</vs-button>\n                <vs-button type=\"filled\" @click=\"pov.pitch = Math.random() * 180 - 90\">Change Pitch</vs-button>\n                <vs-button type=\"filled\" @click=\"pov.pitch = Math.random() * 180 - 90, pov.heading = Math.random() * 360\">Change Both</vs-button>\n            </div>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;h6&gt;Panorama at Pembroke College, Cambridge, facing North, looking slightly upwards (10 degrees)&lt;/h6&gt;\n  &lt;p class=&quot;mt-3 mb-5&quot;&gt;Point-of-view updates when you pan around&lt;/p&gt;\n\n  &lt;gmap-street-view-panorama class=&quot;pano&quot; :position=&quot;{lat: 52.201272, lng: 0.118720}&quot;\n    :pov=&quot;pov&quot; :zoom=&quot;1&quot; @pano_changed=&quot;updatePano&quot; @pov_changed=&quot;updatePov&quot; style=&quot;height: 400px; width: 100%&quot;&gt;\n  &lt;/gmap-street-view-panorama&gt;\n\n  &lt;vs-list class=&quot;mt-5&quot;&gt;\n    &lt;vs-list-item :title=&quot;` Heading: ${ pov &amp;&amp; pov.heading }`&quot;&gt;&lt;/vs-list-item&gt;\n    &lt;vs-list-item :title=&quot;` Pitch: ${ pov &amp;&amp; pov.pitch }`&quot;&gt;&lt;/vs-list-item&gt;\n    &lt;vs-list-item :title=&quot;` Pano ID: ${ pano }`&quot;&gt;&lt;/vs-list-item&gt;\n  &lt;/vs-list&gt;\n\n  &lt;div class=&quot;demo-alignment&quot;&gt;\n    &lt;vs-button type=&quot;filled&quot; @click=&quot;pov.heading = Math.random() * 360&quot;&gt;Change Heading&lt;/vs-button&gt;\n    &lt;vs-button type=&quot;filled&quot; @click=&quot;pov.pitch = Math.random() * 180 - 90&quot;&gt;Change Pitch&lt;/vs-button&gt;\n    &lt;vs-button type=&quot;filled&quot; @click=&quot;pov.pitch = Math.random() * 180 - 90, pov.heading = Math.random() * 360&quot;&gt;Change Both&lt;/vs-button&gt;\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      pov: null,\n      pano: null,\n    }\n  },\n  methods: {\n    updatePov(pov) {\n      this.pov = pov;\n    },\n    updatePano(pano) {\n      this.pano = pano;\n    }\n  }\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      pov: null,\n      pano: null\n    }\n  },\n  methods: {\n    updatePov (pov) {\n      this.pov = pov\n    },\n    updatePano (pano) {\n      this.pano = pano\n    }\n  }\n}\n</script>\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!./GoogleMapStreetView.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!./GoogleMapStreetView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GoogleMapStreetView.vue?vue&type=template&id=44d84733&\"\nimport script from \"./GoogleMapStreetView.vue?vue&type=script&lang=js&\"\nexport * from \"./GoogleMapStreetView.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","<!-- =========================================================================================\n    File Name: GoogleMao.vue\n    Description: Google Map (third-party) - Imports page portions\n    ----------------------------------------------------------------------------------------\n    Item Name: DevMind - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://www.devmind.uz\n========================================================================================== -->\n\n<template>\n    <div id=\"extra-component-google-map-demo\">\n\n        <p class=\"mb-4\"><a href=\"https://xkjyeah.github.io/vue-google-maps/\" target=\"_blank\" rel=\"nofollow\">Google maps</a> component for vue with 2-way data binding</p>\n\n        <google-map-basic></google-map-basic>\n        <google-map-info-window></google-map-info-window>\n        <google-map-street-view></google-map-street-view>\n\n        <div class=\"content-area__content\">\n        </div>\n    </div>\n</template>\n\n<script>\nimport GoogleMapBasic from './GoogleMapBasic.vue'\nimport GoogleMapInfoWindow from './GoogleMapInfoWindow.vue'\nimport GoogleMapStreetView from './GoogleMapStreetView.vue'\n\nexport default {\n  components: {\n    GoogleMapBasic,\n    GoogleMapInfoWindow,\n    GoogleMapStreetView\n  }\n}\n</script>\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!./GoogleMap.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!./GoogleMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GoogleMap.vue?vue&type=template&id=f522a0ca&\"\nimport script from \"./GoogleMap.vue?vue&type=script&lang=js&\"\nexport * from \"./GoogleMap.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"],"sourceRoot":""}