我正在尝试使用谷歌地图和插件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.08674842var longitude = -97.29304982export 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 个状态码我究竟做错了什么?
添加回答
举报
0/150
提交
取消