Google maps component for vue with 2-way data binding
Questions tagged [vue2-google-maps]
54 questions
1
vote
1 answer
How to pass the arrays to another vue component and apply to a variable
I want to pass the arrays in another component and assigned it to a variable
MainList.vue
//vue js code
this.addresses.forEach(a => {
Vue.$geocoder.setDefaultMode('address'); // this…
boldsinas101
- 300
- 2
- 5
- 22
1
vote
1 answer
How to set gmap-info-window of vue2-google-map that will place in the bottom of the marker.?
I have a marker with two info windows but they are same placed above the marker. I want to "oyeee" info window must be in the bottom side. this is my code:
AbingPj
- 619
- 8
- 18
1
vote
0 answers
How to dynamically delete google maps?
The question arose as to how to dynamically delete google maps, and/or unsubscribe from the event of creating (loading) the map.
I use vue2-google-maps.
main.js:
const { lang } = localStorage.getItem('lang') || 'en';
Vue.use(VueGoogleMaps, {
load:…
KolisbikBoh
- 85
- 2
- 10
1
vote
1 answer
Draw route between two points in Vue
Code below working fine and draws a polyline between two points, but what I need is path, so searching how to draw route between these points instead of polyline using vue2-google-maps package?
Start
…
Mehmet Yener Yılmaz
- 241
- 1
- 6
- 12
1
vote
1 answer
Accessing Vuex Store Before Page Load NuxtJS
Context: I am trying to get Google Maps place data via the place_id on the beforeEnter() route guard. Essentially, I want the data to load when someone enters the url exactly www.example.com/place/{place_id}. Currently, everything works directly…
James Murray
- 23
- 1
- 6
1
vote
1 answer
Vue2-Google-Maps Accessing gmapApi using beforeEnter() Route Guard
Context: I am trying to get place data via the place_id on the beforeEnter() route guard. Essentially, I want the data to load when someone enters the url exactly www.example.com/place/{place_id}. Currently, everything works directly when I use my…
James Murray
- 23
- 1
- 6
1
vote
0 answers
Google Maps Rectangle Polygon In Vuejs
I'm trying to add google maps to allow a user draw a polygon on a map so I can save area location boundaries they have selected. I have seen an implementation on google maps documentation page but I just cant seem to implement it in the vue cli…
Mpwanyi Samuel
- 178
- 3
- 7
1
vote
0 answers
Component Vue2-google-map error while using different layout in Nuxt.js
I'm building a simple CRUD app with Nuxt.js. For the index page. Need to show the google map by using vue2-google-map.
It's working by refreshing or routing on same layout.
But it doesn't work,(google map error occuring)
If I visit index page which…
Tony Zhou
- 53
- 1
- 1
- 8
1
vote
0 answers
Google maps overlapping using vue2-google-maps
In my project some markers has the same lat and lng so they overlapping,
I'm using this package vue2-google-maps for google maps.
How i can show for example on map a number, shows how many markers are overlapping ?
Or any solution would help.
Thank…
Yassine Cheddadi
- 51
- 1
- 3
1
vote
1 answer
How to change active marker icon in vue by clicking
I'm using vue2-google-maps and it would be perfect - to change the marker icon by click on it. I try to write some code but it doesn't work correctly.
Template:
Anzhelika Bielykh
- 13
- 1
- 3
1
vote
1 answer
How to use `new google.maps.Marker()` with `vue2-google-maps`
For some reasons, I have to use new google.maps.Marker() with vue2-google-maps, but I don't know how to start since the documents and many people use
MongoLato
- 351
- 2
- 20
1
vote
1 answer
How to fit a circle inside a Google Maps when using vue2-google-maps?
I found on this question that you can use fitBounds() to make a circle fit into a map. I tried to use it while using vue2-google-maps and it didn't work. How would be the equivalent for it while using this library?
lelukas
- 53
- 2
- 11
1
vote
1 answer
My loop creates google map markers but it fails to set their position correctly so they do not get displayed. Hard coding the position works
For some reason, I am unable to see google map markers that should be placed based on the objects in my markers array after looping through it. If I were to create a second component and hard code the position, the marker appears. After inspecting…
Onyx
- 5,186
- 8
- 39
- 86
1
vote
1 answer
How to convert into promise and geocode the address with google maps
I want to convert this piece of code that I made into a promise
because I want to show the geocoded address into vuetify
this is my code so far, I'm including google maps api and lodash .
…
TheBAST
- 2,680
- 10
- 40
- 68
0
votes
0 answers
Google is not defined triggered by path: google.maps.SymbolPath.CIRCLE in Gmap-vue v3.5.4 icon marker
google.maps.SymbolPath.CIRCLE triggers a "google is not defined" for the gmap-marker from GmapVue (https://github.com/diegoazh/gmap-vue). GmapCluster however contains the same value "google.maps.SymbolPath.CIRCLE" but triggers no error.
What can I…
Mitchell
- 1