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 }" />

Download Details:

Author: xon52

Live Demo:

Download Link:

Official Website:

Install & Download:

$ npm install x5-gmaps --save

You Might Be Interested In:

Add Comment