Google Maps Plugin For Vue – x5-gmaps


The x5-gmaps Vue.js plugin to create Google Maps with custom markers, info windows, popups, heatmap on the app.

How to use it:

1. Import the component.

import x5GMaps from 'x5-gmaps';

2. Register the component and insert your own Google Maps API key.

Vue.use(x5GMaps, 'YOUR_GOOGLE_KEY')
// With libraries
Vue.use(x5GMaps, { key: 'YOUR_GOOGLE_KEY', libraries: ['places'] });

3. Create a basic Google map in your app.

    <gmaps-marker :position="{ lat: -27, lng: 153 }" />


Google Maps Plugin For Vue - x5-gmaps


0.3.16 (07/21/2020)

  • Update

0.3.15 (07/13/2020)

  • Minor change to rectangle and circle update sensitivity

0.3.14 (07/05/2020)

  • Fixed marker

0.3.13 (06/27/2020)

  • Added custom loading and error slots

0.3.12 (06/25/2020)

  • Added rectangle and circle components

Download Details:

Author: xon52

Live Demo:

Download Link:

Official Website:

Install & Download:

$ npm install x5-gmaps --save

You Might Be Interested In:

Add Comment