Stack Overflow
Stack Overflow

Questions tagged [vue2-google-maps]

Google maps component for vue with 2-way data binding

54 questions
0
votes
1 answer

Custom google map markers not showing and no error thrown VUEJS

I am currently using VueJS and the vue2-google-map package. My custom map markers do not appear on the map and I have checked that the file path is correct (Double clicking on the GET request in Dev Tools brings me to the icon). No errors are…
Peek0
  • 173
  • 2
  • 9
0
votes
1 answer

Google maps API UI showing but contents are not loading; no error thrown, using VUE and API Key is used

I am currently using Vue and Vue2-google-maps. When my webpage is loaded, the UI for Google Map shows up (Zoom buttom, full screen) and when I try to drag the map around the console shows that I am recieving information from Google's API. However,…
Peek0
  • 173
  • 2
  • 9
0
votes
0 answers

Error: Plugin/Preset files are not allowed to export objects, only functions in vueify-build

I have an application made with cordova and vue2-google-maps. I have an application made with cordova and vue2-google-maps, retrieved from here: https://github.com/davidverriere/cordova-vuejs2-googlemaps I currently have a file at…
JG_GJ
  • 755
  • 1
  • 10
  • 33
0
votes
2 answers

Applying cloud based map style with vue2-google-maps?

As mentioned in these docs, we can now apply cloud based styling to a map by setting the mapId property of the map. I tried my luck with this:
saibbyweb
  • 2,864
  • 2
  • 27
  • 48
0
votes
1 answer

Change polygon option on event. vue google map

Am trying to change the the stroke color of a polygon on mouseover. The issue is, I don't know/cant find an appropriated documentation on how to access the setOptions method from events. …
Ghostff
  • 1,407
  • 3
  • 18
  • 30
0
votes
0 answers

How dynamically change google map language?

Please tell me how to dynamically update the language in google maps after the site language has been changed? My main.js: const { lang } = localStorage.getItem('lang') || 'en'; Vue.use(VueGoogleMaps, { load: { key: config.TOKEN_GOOGLE, …
KolisbikBoh
  • 85
  • 2
  • 10
0
votes
1 answer

Explanation for && usage when referring to google instance

I am using the vue2-google-maps module and came across the following syntax when needing to refer to the google instance from inside a component prop. scaledSize: google && new google.maps.Size(50, 50) It's used as such:
Balázs Vincze
  • 3,550
  • 5
  • 29
  • 60
0
votes
1 answer

vue2-google-maps how to use Embed API "place mode"

I'm using the google maps javascript api in vue2-google-maps. My project is working just fine, the only issue is that I'm exceeding my request quota. As described here https://developers.google.com/maps/documentation/embed/guide#basic_map_modes I…
Osvaldo
  • 11
0
votes
2 answers

Vue2-google-maps Api how to recenter map

I am using the vue2-google-maps api with and I want to have a button that will change where the map is centered on. What code do I need to include to get the map re-centered. I've tried different functions such as map_center and mapCenter, but I…
Jacob1164
  • 1
  • 1
  • 2
0
votes
1 answer

Getting an error "failed to compile Module not found: Error: Can't resolve 'babel-loader"

Im using vue to import google maps to my application but it does not let me run my application once i import it. import Vue from 'vue' import App from './App.vue' import * as VueGoogleMaps from "vue2-google-maps"; Vue.use(VueGoogleMaps, { load:…
David Arriaga
  • 69
  • 2
  • 11
0
votes
0 answers

How to create a rectangle using vue2-google-maps?

I'm creating an application using vue2-google-maps. I need to create a rectangle, but I'm not getting it. I have already looked at documentation examples but I got the following error: message: "not a LatLngBounds or LatLngBoundsLiteral: not an…
brandaoplaster
  • 11
  • 1
  • 2
0
votes
1 answer

Google geolocation.getcurrentposition doesn't work after refresh page on mobile

A made a website which use a Google Geolocation Javascipt API, with vue2-google-maps package. The relevant code like: `geolocate () { var self = this this.loading = true …
Jack Stampletom
  • 3
  • 3
0
votes
1 answer

Shift marker by given specific user input