This is a google map component for Vue.js, updated for Vue 2 compatibility
npm install gmap-vue
The new documentation page is ready and it contains all examples for any component in the plugin.
You can use your own gmap key in order to test it in the live example section.
We have planed improve and grow all required documentation about the plugin.
Please follow next link to our documentation.
This is a fork of the popular vue2-google-maps. As the author of the library no longer commit to maintain the project, we forked it to develop and maintain the project.
If you have time to contribute to a rather frequently used library, feel free to make a PR!
For more background, please refer to this issue.
What's urgently needed are:
1. Better automated tests
2. Better integration tests with the popular frameworks, especially Nuxt and Vue template
3. ~Better documentation (examples, recommendations)~
The above three will go a long way to keeping the project maintainable and contributable, and will address many of the open issues.
- autobindAllEvents config option was renamed to autoBindAllEvents
- vueGoogleMapsInit name was renamed to GoogleMapsCallback
- gmapApi function was renamed to getGoogleMapsAPI
- MapElementMixin now is exported from components object instead of helpers object
- customCallback config option was added to reuse existing Google Maps API that already loaded, eg from an HTML file
- All components were rewriting in SFC (.vue)
- MarkerCluster was renamed to Cluster
- @google/markerclustererplus was replace for @googlemaps/markerclusterer
- The plugin exports two main objects:
- components: it has all components and mountable mixin)
- helpers: it has promise lazy factory function, gmapApi function and map element mixin
- The plugin now exports by default the install function, this means that you can do the following
- From v2.0.0 and above, the autocomplete component uses the default slot instead of the named input slot, from v1.5.0 the input slot on the autocomplete component still works.
``js`
import GmapVue from 'gmap-vue';
instead of
`js`
import * as GmapVue from 'gmap-vue';
`shell`
npm install gmap-vue --save
`shell`
yarn add gmap-vue
Just download dist/gmap-vue.js file and include it from your HTML.
`html`
You can use a free CDN like jsdelivr to include this plugin in your html file
`html`
You can use a free CDN like unpkg to include this plugin in your html file
`html`
::: warning
Be aware that if you use this method, you cannot use TitleCase for your components and your attributes.
That is, instead of writing , you need to write
:::