重置经纬度不会创建地图

Question

我正在尝试使用Google地图和插件https://www.npmjs.com/package/vue2-google-maps构建Vue Google地图组件。我已经使用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个状态代码

我在做什么错了？

Answer 1

请检查您使用的纬度值

{lat：1030.08674842，lng：-97.29304982}

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