{"version":3,"sources":["webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMap.vue?1a6d","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapBasic.vue?c852","webpack:///src/views/charts-and-maps/maps/google-map/GoogleMapBasic.vue","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapBasic.vue?069c","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapBasic.vue","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapInfoWindow.vue?c74f","webpack:///src/views/charts-and-maps/maps/google-map/GoogleMapInfoWindow.vue","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapInfoWindow.vue?6d0f","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapInfoWindow.vue","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapStreetView.vue?6db8","webpack:///src/views/charts-and-maps/maps/google-map/GoogleMapStreetView.vue","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapStreetView.vue?31d2","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?9f48","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMap.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","id","_m","staticClass","staticRenderFns","href","target","rel","_v","GoogleMapBasicvue_type_template_id_607dddf9_render","title","code-toggler","staticStyle","width","height","center","zoom","map-type-id","_l","m","index","key","position","clickable","draggable","on","click","$event","slot","GoogleMapBasicvue_type_template_id_607dddf9_staticRenderFns","GoogleMapBasicvue_type_script_lang_js_","data","lat","lng","markers","google_map_GoogleMapBasicvue_type_script_lang_js_","component","Object","componentNormalizer","GoogleMapBasic","GoogleMapInfoWindowvue_type_template_id_296a608a_render","options","infoOptions","infoWindowPos","opened","infoWinOpen","closeclick","_s","infoContent","i","toggleInfoWindow","GoogleMapInfoWindowvue_type_template_id_296a608a_staticRenderFns","GoogleMapInfoWindowvue_type_script_lang_js_","currentMidx","pixelOffset","infoText","methods","marker","idx","google_map_GoogleMapInfoWindowvue_type_script_lang_js_","GoogleMapInfoWindow_component","GoogleMapInfoWindow","GoogleMapStreetViewvue_type_template_id_11bb3c00_render","pov","pano_changed","updatePano","pov_changed","updatePov","heading","pitch","pano","type","Math","random","GoogleMapStreetViewvue_type_template_id_11bb3c00_staticRenderFns","GoogleMapStreetViewvue_type_script_lang_js_","google_map_GoogleMapStreetViewvue_type_script_lang_js_","GoogleMapStreetView_component","GoogleMapStreetView","GoogleMapvue_type_script_lang_js_","components","google_map_GoogleMapvue_type_script_lang_js_","GoogleMap_component","__webpack_exports__"],"mappings":"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","file":"js/chunk-2d0c1c9a.e52a34b2.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 }","<!-- =========================================================================================\r\n    File Name: GoogleMapBasic.vue\r\n    Description: Google map Basic\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Basic\" code-toggler>\r\n\r\n        <p>Creating basic google map</p>\r\n\r\n        <div class=\"mt-5\">\r\n            <GmapMap\r\n                :center=\"center\"\r\n                :zoom=\"7\"\r\n                map-type-id=\"terrain\"\r\n                style=\"width: 100%; height: 400px\">\r\n                <GmapMarker\r\n                    :key=\"index\"\r\n                    v-for=\"(m, index) in markers\"\r\n                    :position=\"m.position\"\r\n                    :clickable=\"true\"\r\n                    :draggable=\"true\"\r\n                    @click=\"center=m.position\"\r\n                />\r\n            </GmapMap>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;GmapMap\r\n    :center=&quot;center&quot;\r\n    :zoom=&quot;7&quot;\r\n    map-type-id=&quot;terrain&quot;\r\n    style=&quot;width: 100%; height: 400px&quot;\r\n    @click=&quot;mapClicked&quot;\r\n  &gt;\r\n    &lt;GmapMarker\r\n      :key=&quot;index&quot;\r\n      v-for=&quot;(m, index) in markers&quot;\r\n      :position=&quot;m.position&quot;\r\n      :clickable=&quot;true&quot;\r\n      :draggable=&quot;true&quot;\r\n      @click=&quot;center=m.position&quot;\r\n    /&gt;\r\n  &lt;/GmapMap&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      center: { lat: 10.0, lng: 10.0 },\r\n      markers: [\r\n        { position: { lat: 10.0, lng: 10.0 } },\r\n        { position: { lat: 11.0, lng: 11.0 } },\r\n      ]\r\n    }\r\n  },\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            center: { lat: 10.0, lng: 10.0 },\r\n            markers: [\r\n                { position: { lat: 10.0, lng: 10.0 } },\r\n                { position: { lat: 11.0, lng: 11.0 } },\r\n            ]\r\n        }\r\n    },\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=607dddf9&\"\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 }","<!-- =========================================================================================\r\n    File Name: GoogleMapInfoWindow.vue\r\n    Description: Google map Basicwith info window\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Info Window\" code-toggler>\r\n\r\n        <p>A basic example of using a single infowindow for 3 markers</p>\r\n\r\n        <div class=\"mt-5\">\r\n            <gmap-map :center=\"center\" :zoom=\"15\" style=\"width: 100%; height: 500px\">\r\n                <gmap-info-window :options=\"infoOptions\" :position=\"infoWindowPos\" :opened=\"infoWinOpen\" @closeclick=\"infoWinOpen=false\">\r\n                    {{infoContent}}\r\n                </gmap-info-window>\r\n                <gmap-marker :key=\"i\" v-for=\"(m,i) in markers\" :position=\"m.position\" :clickable=\"true\" @click=\"toggleInfoWindow(m,i)\"></gmap-marker>\r\n            </gmap-map>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;gmap-map :center=&quot;center&quot; :zoom=&quot;15&quot; style=&quot;width: 100%; height: 500px&quot;&gt;\r\n    &lt;gmap-info-window :options=&quot;infoOptions&quot; :position=&quot;infoWindowPos&quot; :opened=&quot;infoWinOpen&quot; @closeclick=&quot;infoWinOpen=false&quot;&gt;\r\n      {{infoContent}}\r\n    &lt;/gmap-info-window&gt;\r\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;\r\n  &lt;/gmap-map&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      center: { lat: 47.376332, lng: 8.547511 },\r\n      infoContent: '',\r\n      infoWindowPos: null,\r\n      infoWinOpen: false,\r\n      currentMidx: null,\r\n      //optional: offset infowindow so it visually sits nicely on top of our marker\r\n      infoOptions: {\r\n      pixelOffset: { width: 0, height: -35 }\r\n      },\r\n      markers: [\r\n        { position: { lat: 47.376332, lng: 8.547511 }, infoText: 'Marker 1' },\r\n        { position: { lat: 47.374592, lng: 8.548867 }, infoText: 'Marker 2' },\r\n        { position: { lat: 47.379592, lng: 8.549867 }, infoText: 'Marker 3' }\r\n      ]\r\n    }\r\n  },\r\n  methods: {\r\n    toggleInfoWindow: function(marker, idx) {\r\n      this.infoWindowPos = marker.position;\r\n      this.infoContent = marker.infoText;\r\n      //check if its the same marker that was selected if yes toggle\r\n      if (this.currentMidx == idx) {\r\n        this.infoWinOpen = !this.infoWinOpen;\r\n      }\r\n      //if different marker set infowindow to open and reset current marker index\r\n      else {\r\n        this.infoWinOpen = true;\r\n        this.currentMidx = idx;\r\n      }\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            center: { lat: 47.376332, lng: 8.547511 },\r\n            infoContent: '',\r\n            infoWindowPos: null,\r\n            infoWinOpen: false,\r\n            currentMidx: null,\r\n            //optional: offset infowindow so it visually sits nicely on top of our marker\r\n            infoOptions: {\r\n            pixelOffset: { width: 0, height: -35 }\r\n            },\r\n            markers: [\r\n                { position: { lat: 47.376332, lng: 8.547511 }, infoText: 'Marker 1' },\r\n                { position: { lat: 47.374592, lng: 8.548867 }, infoText: 'Marker 2' },\r\n                { position: { lat: 47.379592, lng: 8.549867 }, infoText: 'Marker 3' }\r\n            ]\r\n        }\r\n    },\r\n    methods: {\r\n        toggleInfoWindow: function(marker, idx) {\r\n            this.infoWindowPos = marker.position;\r\n            this.infoContent = marker.infoText;\r\n            //check if its the same marker that was selected if yes toggle\r\n            if (this.currentMidx == idx) {\r\n                this.infoWinOpen = !this.infoWinOpen;\r\n            }\r\n            //if different marker set infowindow to open and reset current marker index\r\n            else {\r\n                this.infoWinOpen = true;\r\n                this.currentMidx = idx;\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=296a608a&\"\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 }","<!-- =========================================================================================\r\n    File Name: GoogleMapStreetView.vue\r\n    Description: Google map Street view\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Street View\" code-toggler>\r\n\r\n        <p>Example of creating google map - street view</p>\r\n\r\n        <div class=\"mt-5\">\r\n            <h6>Panorama at Pembroke College, Cambridge, facing North, looking slightly upwards (10 degrees)</h6>\r\n            <p class=\"mt-3 mb-5\">Point-of-view updates when you pan around</p>\r\n\r\n            <gmap-street-view-panorama class=\"pano\" :position=\"{lat: 52.201272, lng: 0.118720}\"\r\n                :pov=\"pov\" :zoom=\"1\" @pano_changed=\"updatePano\" @pov_changed=\"updatePov\" style=\"height: 400px; width: 100%\">\r\n            </gmap-street-view-panorama>\r\n            <vs-list class=\"mt-5\">\r\n                <vs-list-item :title=\"` Heading: ${ pov && pov.heading }`\"></vs-list-item>\r\n                <vs-list-item :title=\"` Pitch: ${ pov && pov.pitch }`\"></vs-list-item>\r\n                <vs-list-item :title=\"` Pano ID: ${ pano }`\"></vs-list-item>\r\n            </vs-list>\r\n            <div class=\"demo-alignment\">\r\n                <vs-button type=\"filled\" @click=\"pov.heading = Math.random() * 360\">Change Heading</vs-button>\r\n                <vs-button type=\"filled\" @click=\"pov.pitch = Math.random() * 180 - 90\">Change Pitch</vs-button>\r\n                <vs-button type=\"filled\" @click=\"pov.pitch = Math.random() * 180 - 90, pov.heading = Math.random() * 360\">Change Both</vs-button>\r\n            </div>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;h6&gt;Panorama at Pembroke College, Cambridge, facing North, looking slightly upwards (10 degrees)&lt;/h6&gt;\r\n  &lt;p class=&quot;mt-3 mb-5&quot;&gt;Point-of-view updates when you pan around&lt;/p&gt;\r\n\r\n  &lt;gmap-street-view-panorama class=&quot;pano&quot; :position=&quot;{lat: 52.201272, lng: 0.118720}&quot;\r\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;\r\n  &lt;/gmap-street-view-panorama&gt;\r\n\r\n  &lt;vs-list class=&quot;mt-5&quot;&gt;\r\n    &lt;vs-list-item :title=&quot;` Heading: ${ pov &amp;&amp; pov.heading }`&quot;&gt;&lt;/vs-list-item&gt;\r\n    &lt;vs-list-item :title=&quot;` Pitch: ${ pov &amp;&amp; pov.pitch }`&quot;&gt;&lt;/vs-list-item&gt;\r\n    &lt;vs-list-item :title=&quot;` Pano ID: ${ pano }`&quot;&gt;&lt;/vs-list-item&gt;\r\n  &lt;/vs-list&gt;\r\n  \r\n  &lt;div class=&quot;demo-alignment&quot;&gt;\r\n    &lt;vs-button type=&quot;filled&quot; @click=&quot;pov.heading = Math.random() * 360&quot;&gt;Change Heading&lt;/vs-button&gt;\r\n    &lt;vs-button type=&quot;filled&quot; @click=&quot;pov.pitch = Math.random() * 180 - 90&quot;&gt;Change Pitch&lt;/vs-button&gt;\r\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;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      pov: null,\r\n      pano: null,\r\n    }\r\n  },\r\n  methods: {\r\n    updatePov(pov) {\r\n      this.pov = pov;\r\n    },\r\n    updatePano(pano) {\r\n      this.pano = pano;\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            pov: null,\r\n            pano: null,\r\n        }\r\n    },\r\n    methods: {\r\n        updatePov(pov) {\r\n            this.pov = pov;\r\n        },\r\n        updatePano(pano) {\r\n            this.pano = pano;\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=11bb3c00&\"\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","<!-- =========================================================================================\r\n    File Name: GoogleMao.vue\r\n    Description: Google Map (third-party) - Imports page portions\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n<template>\r\n    <div id=\"extra-component-google-map-demo\">\r\n\r\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>\r\n\r\n        <google-map-basic></google-map-basic>\r\n        <google-map-info-window></google-map-info-window>\r\n        <google-map-street-view></google-map-street-view>\r\n        \r\n        <div class=\"content-area__content\">\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport GoogleMapBasic from \"./GoogleMapBasic.vue\"\r\nimport GoogleMapInfoWindow from \"./GoogleMapInfoWindow.vue\"\r\nimport GoogleMapStreetView from \"./GoogleMapStreetView.vue\"\r\n\r\nexport default {\r\n    components: {\r\n        GoogleMapBasic,\r\n        GoogleMapInfoWindow,\r\n        GoogleMapStreetView,\r\n    },\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=7e0bf276&\"\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":""}