Question

您好我试图显示谷歌地图，我也有输入字段。但是当我运行代码时，我得到了这个： 您已在此页面上多次添加Google Maps API

import Vue from 'vue'
import App from './App.vue'

import VueGmaps from 'vue-gmaps'

import * as VueGoogleMaps from 'vue2-google-maps';


Vue.use(VueGoogleMaps, {
    load: {
      key: 'AIzaSyCetTFERhTQZDUT1C7GNvElGdsfpVZ98lQ',
       libraries:['places'],
        version:'3'
        // libraries: 'places', //// If you need to use place input
    }
});

Vue.use(VueGmaps, {
  key:'AIzaSyCetTFERhTQZDUT1C7GNvElGdsfpVZ98lQ',
  libraries: ['places'],
  version: '3',

})

/* eslint-disable no-new */
new Vue({
  el: '#app',
  render: h => h(App)
})

Answer 1

由于Vue.use(VueGoogleMaps)在两个地方都相同，因此您正在复制该代码。尝试只调用一次 - 您不需要调用它两次只是为了在两个组件中使用代码。

Vue multiple api包括

1 个答案: