Vue Google Maps

🗺 Vue Google Maps UI

Install via npm

npm install vue-google-maps-ui --save
1

Install via yarn

yarn add vue-google-maps-ui
1

Import Component

Global Register

// main.js file
import GoogleMap from 'vue-google-maps-ui'
...
...

app.component('Googlemap', GoogleMap)
1
2
3
4
5
6
7

Locale Register For Options API


  <script>
    import GoogleMap from 'vue-google-maps-ui'

    export default {
      components: {
        GoogleMap
      }
    }
  </script>
1
2
3
4
5
6
7
8
9
10

Usage

<template>
  <Googlemap
    ...props
    ...events
  />
</template>
1
2
3
4
5
6

Props

<template>
  <Googlemap
    apiKey=""
    disabledSearch=""
    id=""
    inputClass=""
    width=""
    height=""
    drawingMode=""
    autocomplete=""
    currentAddress=""
    location=""
    language=""
    circles=""
    polygons=""
    polylines=""
    rectangles=""
    markers=""
    mapStyleOption=""
    loaderOptions=""
    drawingManagerOptions=""
    drawingControlOptions=""
  />
</template>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

Events

<template>
  <Googlemap
    @change-address=""
    @update-circle=""
    @update-polygon=""
    @update-polyline=""
    @update-rectangle=""
    @update-marker=""
  />
</template>
1
2
3
4
5
6
7
8
9
10

Documentions