javascript - 重置经纬度不会创建 map

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

我究竟做错了什么？

最佳答案

请检查您使用的纬度值

{lat：1030.08674842，lng：-97.29304982}

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

关于javascript - 重置经纬度不会创建 map ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56508582/