Настройка Laravel + vue-google-maps - PullRequest
Новая
       43

Настройка Laravel + vue-google-maps

0 голосов
/ 09 октября 2018

Я пытаюсь использовать пакет vue-google-maps с Laravel, но с самой базовой настройкой из документов я получаю "[Vue warn]: Неизвестный пользовательский элемент: - вы правильно зарегистрировали компонент?"ошибка.

app.js 

require('./bootstrap');

window.Vue = require('vue');

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

Vue.use(VueGoogleMaps, {
    load: {
      key: 'MY_KEY',
      libraries: 'places',
    },
  });

const app = new Vue({
    el: '#app'
});

** В моем блейд-файле **

<div id="app">
<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>
</div>

Примечание: я скомпилировал JS, и этоупоминается в моем файле blade.html.

1 Ответ

0 голосов
/ 26 июня 2019

Пакет vue2-google-maps не устанавливает автоматически все компоненты автоматически.

Для автоматической установки всех компонентов необходимо явно установить installComponents на true. 

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

Vue.use(VueGoogleMaps, {
  load: {
    key: 'MY_KEY',
    libraries: 'places'
  },
  installComponents: true
});

https://github.com/xkjyeah/vue-google-maps/blob/v0.10.5/src/main.js#L69

...