谷歌地图不使用库 vue2-google-maps 呈现答案

【问题标题】：Google map not render with library vue2-google-maps谷歌地图不使用库 vue2-google-maps 呈现
【发布时间】：2018-04-02 19:56:36
【问题描述】：

我正在尝试使用带有 vue 的 google-maps 渲染地图，我正在使用一个 webpackage 用于 transpiler vue js，我有一个文件 main.js，这个调用所有的导入。

文件 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)
});

文件 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>

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

"vue": "^2.5.2",

“vue2-google-maps”：“^0.8.4”

【问题讨论】：

控制台中有错误信息吗？
我没有任何错误，你在做什么？

标签： javascript google-maps-api-3 vue.js vuejs2 vue-component

【解决方案1】：

我正在使用自动完成组件，并且在他们的文档（vue2-google-maps）上，该组件有一个属性边界，你知道边界的数据结构吗？你怎么能越界？

【讨论】：

【解决方案2】：

我解决了更改依赖项的问题

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

【讨论】：