2

您能帮我将 Google Maps API 导入使用 Quasar Framework 创建的 VUE 应用程序吗？

我已经安装了谷歌地图

我已按照此处的说明创建了一个 gmapApi.js 文件

import GoogleMapsLoader from 'google-maps'
// leave the export, even if you don't use it
export default ({ app, router, Vue }) => {
   Vue.prototype.$gmaps = GoogleMapsLoader
   Vue.prototype.$gmaps.KEY = 'MY-KEY'
   Vue.prototype.$gmaps.LIBRARIES = ['places']
}

然后我在插件下的 quasar.conf.js 上添加了 gmapApi

// app plugins (/src/plugins)
plugins: [
  'gmapApi'
]

那么，如何在 Vue 组件中引用 gmap 呢？假设我想反向定位一个位置

我试过了

var geocoder = new this.$gmaps.maps.Geocoder()

但我得到一个错误，地图未定义。

我在这里想念什么？我什至走在正确的轨道上吗？

4

1 回答 1

3

没关系，找到了

   this.$gmaps.load(function (google) {
      let geocoder = new google.maps.Geocoder()
      let point = new google.maps.LatLng(position.coords.latitude, position.coords.longitude)
      console.log(point)
      geocoder.geocode({'latLng': point}, function (locations, status) {
        console.log(status + ' ' + locations)
      })
    })
于 2018-12-06T08:32:17.153 回答