如何使用 vue2-google-maps 显示谷歌地图

Question

我想在我的应用程序中使用 vue2-google-maps，但地图没有显示。我仔细关注了documentation 的使用方法，但我看到的唯一内容是空白页而不是谷歌地图。控制台中没有错误。

这是我的代码：

<template>
  <gmap-map :center="{
      lat: 47.2736,
      lng: 16.0843
    }"></gmap-map>
</template>

<script>
export default {
  data: () => {
    return {}
  }
</script>

如您所见，这是最简单的实现，但我看到的只是一个空白页。我检查了页面，我可以看到 vue-map 容器和所有元素，但地图没有显示在应用程序中。

Answer 1

看来我只需要添加 zoom 属性：

<template>
  <gmap-map :center="{
      lat: 47.2736,
      lng: 16.0843
    }" 
    :zoom="7"></gmap-map>
</template>