🌍 Nuxt GMaps
Try it out here: Nuxt.js Google Maps Module
🚀 Usage
npm i nuxt-gmaps
//nuxt.config.jsmodules: 'nuxt-gmaps' key: '<API-Key>' //you can use libraries: ['places']
📝 Updates
- 1.2.4 - Options for GMapInfoWindow
- 1.2.3 - Language prop
- 1.2.2 - Google Map Circle (Documentation: https://developers.google.com/maps/documentation/javascript/examples/circle-simple)
Documentation
🔧 Options
- key
- libraries
📍️ Marker Events
- click
- mouseover
- mouseout
🗺️️ Map Event
- init
- loaded
- bounds_changed
- center_changed
- click
- dblclick
- drag
- dragend
- dragstart
- heading_changed
- idle
- maptypeid_changed
- mousemove
- mouseout
- mouseover
- projection_changed
- resize
- rightclick
- tilesloaded
- tilt_changed
- zoom_changed
Example
lat: {{ location.lat }}, lng: {{ location.lng }}
{ return currentLocation: {} circleOptions: ... locations: lat: 44933076 lng: 15629058 lat: 45815 lng: "15.9819" lat: "45.12" lng: "16.21" pins: selected: "data:image/png;base64,iVBORw0KGgo..." notSelected: "data:image/png;base64,iVBORw0KGgo..." mapStyle: ... clusterStyle: url: "https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m1.png" width: 56 height: 56 textColor: "#fff" }