Javascript 重置纬度和经度不会创建地图

我正在尝试使用谷歌地图和插件构建一个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

我在上面选择了lat和long，并将其替换为屏幕截图，带有控件，但没有地图：

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

我已在以下位置检查了我的控制台：

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

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

---

我做错了什么？

请检查您使用的纬度值

{拉丁美洲：1030.08674842，液化天然气：-97.29304982}

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