重置经纬度不会创建地图

Question

我正在尝试使用谷歌地图和插件https://www.npmjs.com/package/vue2-google-maps 构建一个 vue 谷歌地图组件。我已经使用 npm 安装了插件，并且当我的 googleMap.vue 组件开始工作时：

<template>
  <div>

        <v-container row fill-height justify-center style="max-width: 1200px"  >


      <v-flex>




<span style="display:block">
  <GmapMap

  :center="{lat:10, lng:10}" 
  :zoom="7"
  map-type-id="terrain"
  style="width: 500px; height: 300px"
>
  <!-- <GmapMarker
    :key="index"
    v-for="(m, index) in markers"
    :position="m.position"
    :clickable="true"
    :draggable="true"
    @click="center=m.position"
  /> -->
</GmapMap>
</span>
          </v-flex>
  </v-container>
  </div>

</template>


<script>

var latitute = 1030.08674842
var longitude = -97.29304982

export default {
  // name:'myMap'
  latitute,
  longitude

}

</script>


<style>


</style>

显示尼日利亚地图的位置。我有一张我想用这个组件显示的地图：

https://www.google.com/maps/@30.086753,-97.2952385,17z

我把上面的纬度和经度代入，所以它看起来像屏幕截图，有控件但没有地图：

  :center="{lat:1030.08674842, lng:-97.29304982}"

我已经检查了我的控制台：

https://console.cloud.google.com/google/maps-apis/apis/maps-backend.googleapis.com/metrics

今天所有的请求都有 200 个状态码

我做错了什么？

Answer 1

请检查您正在使用的纬度值

{lat:1030.08674842, lng:-97.29304982}

我认为您使用了错误的纬度值。