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

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}我认为您使用了错误的纬度值。