import Vue from 'vue';
import vueGooglemap from 'vue2-googlemap';

Vue.use(vueGooglemap);

/*
  The api key is required.
  If you want to ignore the browser's language setting, you can set the language parameter.
  Suggest to use the release version. v=3 by default.
*/
vueGooglemap.initGooglemap({
  key: 'your GOOGLE_MAPS_API_KEY',
  language: 'zh-CN',
  v: '3',
})

<vue-googlemap :center="center" :zoom="zoom" :controls="controls" :events="events" ></vue-googlemap>

<vue-googlemap-marker :position="position" :icon="icon" :events="events" ></vue-googlemap-marker>

<vue-googlemap-infoWindow :position="position" :events="events" @change="change" ></vue-googlemap-infoWindow>

<vue-googlemap-circle :center="center" :radius="radius" :events="events" @change="change" editable ></vue-googlemap-circle>

<vue-googlemap-rectangle :bounds="bounds" :events="events" @change="change" editable ></vue-googlemap-rectangle>

<vue-googlemap-polyline :path="path" :events="events" @change="change" editable ></vue-googlemap-polyline>

<vue-googlemap-polygon :paths="paths" :events="events" @change="change" editable ></vue-googlemap-polygon>