Package Exports

x5-gmaps
x5-gmaps/dist/x5-gmaps.esm.js
x5-gmaps/dist/x5-gmaps.ssr.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (x5-gmaps) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

x5-gmaps (Docs)

This is a lightweight library to simplify the use of Google Maps in Vue 2 🤏🗺️🧩

For Vue 3 check out v3-gmaps 💪

Guide / Demo / Tutorials

Installation

# npm
npm install x5-gmaps

Deployment

This plugin can be installed like any Vue plugin:

import x5GMaps from 'x5-gmaps';
// Option 1: Just your key
Vue.use(x5GMaps, 'YOUR_GOOGLE_KEY');
// Option 2: With libraries
Vue.use(x5GMaps, { key: 'YOUR_GOOGLE_KEY', libraries: ['places'] });

new Vue({
  el: '#app',
  render: h => h(App)
});

Usage

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

import { gmapsMap, gmapsMarker } from 'x5-gmaps';

export default {
  components: { gmapsMap, gmapsMarker }
};

Provided components

License

This project is licensed under the MIT License - see the LICENSE file for details

Authors

Keagan Chisnall

JSPM

x5-gmaps