{"version":3,"file":"120.js","sources":["webpack:///src/views/charts-and-maps/maps/google-map/GoogleMap.vue","webpack:///src/views/charts-and-maps/maps/google-map/GoogleMapBasic.vue","webpack:///src/views/charts-and-maps/maps/google-map/GoogleMapInfoWindow.vue","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/GoogleMapBasic.vue","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapInfoWindow.vue","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapStreetView.vue","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMap.vue?1e1f","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMap.vue?be64","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMap.vue?cb2b","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapBasic.vue?b2eb","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapBasic.vue?3dc9","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapBasic.vue?7a3d","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapInfoWindow.vue?7d18","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapInfoWindow.vue?e230","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapInfoWindow.vue?52e3","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapStreetView.vue?87cd","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapStreetView.vue?9680","webpack:///./src/views/charts-and-maps/maps/google-map/GoogleMapStreetView.vue?9020"],"sourcesContent":["<!-- =========================================================================================\n    File Name: GoogleMao.vue\n    Description: Google Map (third-party) - Imports page portions\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\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","<!-- =========================================================================================\n    File Name: GoogleMapBasic.vue\n    Description: Google map Basic\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\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","<!-- =========================================================================================\n    File Name: GoogleMapInfoWindow.vue\n    Description: Google map Basicwith info window\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\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","<!-- =========================================================================================\n    File Name: GoogleMapStreetView.vue\n    Description: Google map Street view\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\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","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { attrs: { id: \"extra-component-google-map-demo\" } },\n    [\n      _vm._m(0),\n      _c(\"google-map-basic\"),\n      _c(\"google-map-info-window\"),\n      _c(\"google-map-street-view\"),\n      _c(\"div\", { staticClass: \"content-area__content\" }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"p\", { staticClass: \"mb-4\" }, [\n      _c(\n        \"a\",\n        {\n          attrs: {\n            href: \"https://xkjyeah.github.io/vue-google-maps/\",\n            target: \"_blank\",\n            rel: \"nofollow\",\n          },\n        },\n        [_vm._v(\"Google maps\")]\n      ),\n      _vm._v(\" component for vue with 2-way data binding\"),\n    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"vx-card\",\n    { attrs: { title: \"Basic\", \"code-toggler\": \"\" } },\n    [\n      _c(\"p\", [_vm._v(\"Creating basic google map\")]),\n      _c(\n        \"div\",\n        { staticClass: \"mt-5\" },\n        [\n          _c(\n            \"GmapMap\",\n            {\n              staticStyle: { width: \"100%\", height: \"400px\" },\n              attrs: { center: _vm.center, zoom: 7, \"map-type-id\": \"terrain\" },\n            },\n            _vm._l(_vm.markers, function (m, index) {\n              return _c(\"GmapMarker\", {\n                key: index,\n                attrs: {\n                  position: m.position,\n                  clickable: true,\n                  draggable: true,\n                },\n                on: {\n                  click: function ($event) {\n                    _vm.center = m.position\n                  },\n                },\n              })\n            }),\n            1\n          ),\n        ],\n        1\n      ),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\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        '\n        ),\n      ]),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"vx-card\",\n    { attrs: { title: \"Info Window\", \"code-toggler\": \"\" } },\n    [\n      _c(\"p\", [\n        _vm._v(\"A basic example of using a single infowindow for 3 markers\"),\n      ]),\n      _c(\n        \"div\",\n        { staticClass: \"mt-5\" },\n        [\n          _c(\n            \"gmap-map\",\n            {\n              staticStyle: { width: \"100%\", height: \"500px\" },\n              attrs: { center: _vm.center, zoom: 15 },\n            },\n            [\n              _c(\n                \"gmap-info-window\",\n                {\n                  attrs: {\n                    options: _vm.infoOptions,\n                    position: _vm.infoWindowPos,\n                    opened: _vm.infoWinOpen,\n                  },\n                  on: {\n                    closeclick: function ($event) {\n                      _vm.infoWinOpen = false\n                    },\n                  },\n                },\n                [\n                  _vm._v(\n                    \"\\n                    \" +\n                      _vm._s(_vm.infoContent) +\n                      \"\\n                \"\n                  ),\n                ]\n              ),\n              _vm._l(_vm.markers, function (m, i) {\n                return _c(\"gmap-marker\", {\n                  key: i,\n                  attrs: { position: m.position, clickable: true },\n                  on: {\n                    click: function ($event) {\n                      return _vm.toggleInfoWindow(m, i)\n                    },\n                  },\n                })\n              }),\n            ],\n            2\n          ),\n        ],\n        1\n      ),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\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      ' +\n            _vm._s(_vm.infoContent) +\n            '\\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        '\n        ),\n      ]),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"vx-card\",\n    { attrs: { title: \"Street View\", \"code-toggler\": \"\" } },\n    [\n      _c(\"p\", [_vm._v(\"Example of creating google map - street view\")]),\n      _c(\n        \"div\",\n        { staticClass: \"mt-5\" },\n        [\n          _c(\"h6\", [\n            _vm._v(\n              \"Panorama at Pembroke College, Cambridge, facing North, looking slightly upwards (10 degrees)\"\n            ),\n          ]),\n          _c(\"p\", { staticClass: \"mt-3 mb-5\" }, [\n            _vm._v(\"Point-of-view updates when you pan around\"),\n          ]),\n          _c(\"gmap-street-view-panorama\", {\n            staticClass: \"pano\",\n            staticStyle: { height: \"400px\", width: \"100%\" },\n            attrs: {\n              position: { lat: 52.201272, lng: 0.11872 },\n              pov: _vm.pov,\n              zoom: 1,\n            },\n            on: { pano_changed: _vm.updatePano, pov_changed: _vm.updatePov },\n          }),\n          _c(\n            \"vs-list\",\n            { staticClass: \"mt-5\" },\n            [\n              _c(\"vs-list-item\", {\n                attrs: { title: ` Heading: ${_vm.pov && _vm.pov.heading}` },\n              }),\n              _c(\"vs-list-item\", {\n                attrs: { title: ` Pitch: ${_vm.pov && _vm.pov.pitch}` },\n              }),\n              _c(\"vs-list-item\", { attrs: { title: ` Pano ID: ${_vm.pano}` } }),\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"demo-alignment\" },\n            [\n              _c(\n                \"vs-button\",\n                {\n                  attrs: { type: \"filled\" },\n                  on: {\n                    click: function ($event) {\n                      _vm.pov.heading = Math.random() * 360\n                    },\n                  },\n                },\n                [_vm._v(\"Change Heading\")]\n              ),\n              _c(\n                \"vs-button\",\n                {\n                  attrs: { type: \"filled\" },\n                  on: {\n                    click: function ($event) {\n                      _vm.pov.pitch = Math.random() * 180 - 90\n                    },\n                  },\n                },\n                [_vm._v(\"Change Pitch\")]\n              ),\n              _c(\n                \"vs-button\",\n                {\n                  attrs: { type: \"filled\" },\n                  on: {\n                    click: function ($event) {\n                      ;(_vm.pov.pitch = Math.random() * 180 - 90),\n                        (_vm.pov.heading = Math.random() * 360)\n                    },\n                  },\n                },\n                [_vm._v(\"Change Both\")]\n              ),\n            ],\n            1\n          ),\n        ],\n        1\n      ),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\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        '\n        ),\n      ]),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./GoogleMap.vue?vue&type=template&id=b0beb980&\"\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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('b0beb980')) {\n      api.createRecord('b0beb980', component.options)\n    } else {\n      api.reload('b0beb980', component.options)\n    }\n    module.hot.accept(\"./GoogleMap.vue?vue&type=template&id=b0beb980&\", function () {\n      api.rerender('b0beb980', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/charts-and-maps/maps/google-map/GoogleMap.vue\"\nexport default component.exports","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../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/babel-loader/lib/index.js??ref--12-1!../../../../../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 * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GoogleMap.vue?vue&type=template&id=b0beb980&\"","import { render, staticRenderFns } from \"./GoogleMapBasic.vue?vue&type=template&id=61f417fe&\"\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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('61f417fe')) {\n      api.createRecord('61f417fe', component.options)\n    } else {\n      api.reload('61f417fe', component.options)\n    }\n    module.hot.accept(\"./GoogleMapBasic.vue?vue&type=template&id=61f417fe&\", function () {\n      api.rerender('61f417fe', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/charts-and-maps/maps/google-map/GoogleMapBasic.vue\"\nexport default component.exports","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../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/babel-loader/lib/index.js??ref--12-1!../../../../../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 * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GoogleMapBasic.vue?vue&type=template&id=61f417fe&\"","import { render, staticRenderFns } from \"./GoogleMapInfoWindow.vue?vue&type=template&id=1834e09e&\"\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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1834e09e')) {\n      api.createRecord('1834e09e', component.options)\n    } else {\n      api.reload('1834e09e', component.options)\n    }\n    module.hot.accept(\"./GoogleMapInfoWindow.vue?vue&type=template&id=1834e09e&\", function () {\n      api.rerender('1834e09e', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/charts-and-maps/maps/google-map/GoogleMapInfoWindow.vue\"\nexport default component.exports","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../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/babel-loader/lib/index.js??ref--12-1!../../../../../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 * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GoogleMapInfoWindow.vue?vue&type=template&id=1834e09e&\"","import { render, staticRenderFns } from \"./GoogleMapStreetView.vue?vue&type=template&id=029d1ea8&\"\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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('029d1ea8')) {\n      api.createRecord('029d1ea8', component.options)\n    } else {\n      api.reload('029d1ea8', component.options)\n    }\n    module.hot.accept(\"./GoogleMapStreetView.vue?vue&type=template&id=029d1ea8&\", function () {\n      api.rerender('029d1ea8', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/charts-and-maps/maps/google-map/GoogleMapStreetView.vue\"\nexport default component.exports","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../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/babel-loader/lib/index.js??ref--12-1!../../../../../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 * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GoogleMapStreetView.vue?vue&type=template&id=029d1ea8&\""],"mappings":";;;;;;;;;;AAwBA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACoCA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;;;;;;;;;;;;ACJA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACjCA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;AC9FA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAMA;AAAA;AAIA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AAKA;AAEA;;;;;;;;;;;;;ACpCA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAKA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAQA;AACA;AACA;;;;;;;;;;;;;AChDA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAOA;AAAA;AAKA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAUA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;AAAA;AAUA;AACA;AACA;;;;;;;;;;;;;ACxEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAOA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAGA;AAAA;AAGA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAMA;AAAA;AAKA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AASA;AAAA;AAQA;AACA;AACA;;;;;;;;;;;;;ACrGA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;A","sourceRoot":""}