Vue2-google-maps api как перенести карту - PullRequest
Новая
       15

Vue2-google-maps api как перенести карту

0 голосов
/ 01 июля 2019

Я использую API vue2-google-maps с и хочу иметь кнопку, которая изменит положение карты.Какой код мне нужно включить, чтобы перецентрировать карту.

Я пробовал разные функции, такие как map_center и mapCenter, но я просто не могу найти подходящую для использования, даже после многих вебпоиски. 

<div>
  <button @click="setCenter">Re-center</button>
  <br/>
</div>
<gmap-map
  :center="{ lat: 41.693206, lng: -86.228631 }"
  :zoom="12"
  style="width:100%;  height: 65vh;"
  :options="{
    zoomControl: true,
    mapTypeControl: false,
    scaleControl: false,
    streetViewControl: false,
    rotateControl: false,
    fullscreenControl: false,
    disableDefaultUi: false
  }"
>
</gmap-map>

<script>
export default {
  name: 'Home',
  methods: {
    setCenter () {
      this.map_center = {lat: '41.9028', lng: '12.4964'}
    }
  }
}
</script>

В main.js: 

import * as VueGoogleMaps from 'vue2-google-maps'

Vue.use(VueGoogleMaps, {
  load: {
    key: 'AIzaSyBNGgSXjtrJCMkZaqoxo2KGDe-DdJUVMa0',
    libraries: 'places'
  }
})

Я ожидал, что при нажатии кнопки карта переместится из Саут-Бенд, IN, в Рим, Италия.Однако при нажатии кнопки ничего не происходит.

...