2

Quasar Framework で作成した VUE アプリに Google Maps API をインポートする方法を教えてください。

グーグルマップをインストールしました

こちらの手順に従い、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