title: vue-google-map set infowindow to be above a marker
body: <p>So I've got my infowindow and marker working, but I don't know how to make it so that it appears above the marker like the example: <a href="https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple" rel="nofollow noreferrer">https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple</a></p>
  
  <p><a href="https://i.stack.imgur.com/Hm6kU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Hm6kU.png" alt="enter image description here"></a></p>
  
  <p>what mine looks like is this:</p>
  
  <p><a href="https://i.stack.imgur.com/CIlr7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CIlr7.png" alt="enter image description here"></a></p>
  
  <p>This is because it's using a position, rather than the <code>Marker</code> object. How would I get this object and pass it to the InfoWindow? Code below.</p>
  
  <p>html file</p>
  
  <pre><code>&lt;div&gt;
      test
      &lt;gmap-map
          :center="center"
          :zoom="7"
          style="width: 100%; height: 300px"
      &gt;
          &lt;gmap-marker
              :key="index"
              v-for="(m, index) in markers"
              :position="m.position"
              :clickable="true"
              :draggable="true"
              :label="m.label"
              @click="openWindow"
  
          /&gt;
          &lt;gmap-info-window 
              @closeclick="window_open=false" 
              :opened="window_open" 
              :position="infowindow"
          &gt;
              Hello world!
          &lt;/gmap-info-window&gt;    
      &lt;/gmap-map&gt; 
  
      &lt;table&gt;
          &lt;thead&gt;
              &lt;tr&gt;&lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr&gt;&lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>vue file</p>
  
  <pre><code>export default {
      data () {
          return {
              center: {lat: 10.0, lng: 10.0},
              markers: [
                  {
                      label: "A",
                      position: {lat: 10.0, lng: 10.0}
                  }, 
                  {
                      label: "B",
                      position: {lat: 11.0, lng: 11.0}
                  }
              ],
              info_marker: null,
              infowindow: {lat: 10, lng: 10.0},
              window_open: false
          }
      },
      methods: {
          openWindow () {
              this.window_open = true
          }
      }        
  }
  </code></pre>