title: Zoom in vue2-google-maps not honored on page load
body: <p>The zoom functionality for my map does not stay at 15 when entering a new location.</p>
  
  <p>I have a search bar on one page that will then show a map of that location on a different page.  The <code>:zoom=15</code> does not seem to be honored when the page loads.  I can manually change the zoom in my code, update the page, and see the correct zoom. But I would like the page to load with <code>:zoom=15</code>.</p>
  
  <p>See code below:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;GmapMap
        :center="{lat:10, lng:10}"
        :zoom=15
        class="my-map"
        id="myMap"
        ref="myMap"
        style="height:500px;width:500px;"
      &gt;
        &lt;GmapMarker
          :key="index"
          v-for="(m, index) in locations"
          :position="m"
          :clickable="true"
          :draggable="true"
          @click="center=m.position"
        /&gt;
      &lt;/GmapMap&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  import { gmapApi } from "vue2-google-maps"
  export default {
    name: 'FindDefault',
    data () {
      return {
        map: null,
        locations: []
      }
    },
    computed: {
      google: gmapApi
    },
    mounted () {
      this.$refs.myMap.$mapPromise
        .then(map =&gt; {
          this.map = map
          const selection = this.$store.state.geoModule.mapSearchSelection
          this.filterCoords(selection)
          this.setBounds()
        })
        .catch(err =&gt; {
          throw err
        })
    },
    methods: {
      filterCoords (selection) {
        this.locations.push(selection.geometry.location)
      },
      setBounds () {
        let bounds = new this.google.maps.LatLngBounds()
        this.locations.forEach(loc =&gt; {
          bounds.extend(loc)
        })
        this.$nextTick().then(() =&gt; {
          this.$refs.myMap.fitBounds(bounds)
        })
        this.$refs.myMap.panToBounds(bounds)
      }
    }
  }
  &lt;/script&gt;
  
  </code></pre>