Google地图无法使用库vue2-google-maps

Question

我正在尝试使用带有vue的google-maps渲染地图，我正在使用webpackage进行转换器vue js，我有一个文件main.js这个调用所有的输入。

file mains.js

import Vue from 'vue'

import { load } from 'vue2-google-maps'
load({
    key: 'my-api',
    v: '3.exp',
    installComponents: false
});

import App from './components/app.vue'
new Vue({
    el: '#app-vue',
    render: h => h(App)
});

file app.vue

<template>
        <gmap-map
                :center="{lat:10, lng:10}"
                :zoom="7"
                map-type-id="terrain"
                style="width: 500px; height: 300px"
        ></gmap-map>
</template>

<script>
import { Map } from 'vue2-google-maps'
export default {
  name: 'app',
    components: {
      'gmap-map': Map
    },
    data () {
        return {
            center: {lat: 10.0, lng: 10.0},
            markers: [{
                position: {lat: 10.0, lng: 10.0}
            }, {
                position: {lat: 11.0, lng: 11.0}
            }]
        }
    }
}
</script>

但它不起作用，页面是空的我做错了什么？

＆＃34; vue＆＃34;：＆＃34; ^ 2.5.2＆＃34;，

＆＃34; vue2-google-maps＆＃34;：＆＃34; ^ 0.8.4＆＃34;

Answer 1

我解决了改变我的家属的问题

"vue": "2.2.1",
"vue-loader": "11.1.3",
"vue-template-compiler": "2.2.1",
"vue2-google-maps": "0.8.4".

Answer 2

我正在使用自动完成组件，在他们的doc（vue2-google-maps）上，组件有属性边界，你知道边界的数据结构吗？你怎么能通过界限？