Comments (12)
xkjyeah
commented on August 28, 2024
1
Why would you do that???? Why not just @bounds_changed="boundsChanged"?
On 22 Feb 2017 19:40, "Valijon" <[email protected]> wrote:
Thanks for the fast response)
I'm also using this event.
And the last question is it good practice to watch the bounds
when i'm listenin to the event @bounds_changed="bounds = $event"
and then run method there like:
watch: {
'bounds': function (bounds) {
this.boundsChanged(bounds)
}
}
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
<#48 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/ACiTRwcO-wHKMSC1pZy_BaXHE_dTkHSkks5rfB6kgaJpZM4MIgnc>
.
from vue-google-maps.
xkjyeah
commented on August 28, 2024
1
methods: {
boundsChanged: _.debounce(()=>{...}, ....)
}
…On 22 Feb 2017 19:44, "Valijon" ***@***.***> wrote:
Because i'm doing ajax request and need also use lodash.debounce to not
make 100 requests at once when user dragging the map)
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
<#48 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/ACiTR6VFhQi8a39mdTycG4oZeDFJxQXKks5rfB-xgaJpZM4MIgnc>
.
from vue-google-maps.
xkjyeah
commented on August 28, 2024
Why don't you try console.log(this.$refs.gmap.$mapObject)?
Did you set <gmap-map ref="gmap-map">?
…On 22 Feb 2017 19:13, "Valijon" ***@***.***> wrote:
this.$refs.gmap.mapCreated.then((gmapObject) => {
console.log(gmapObject)
})
I want to get the $mapObject and running the above code in mounted() { }
but i wont work. Also i want to getCenter() or getBounds()
this.$refs.gmap.$mapObject.getCenter() - I have tried for 2 hourse, i
cant get the center or even bounds in mehtods. Events like bounds_changed
and center_changed working. But i need mapObject to get or set center. Pls
help!
—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
<#48>, or mute the thread
<https://github.com/notifications/unsubscribe-auth/ACiTR4eaHuqFXkFRDS9IjXu-XaJbFVEIks5rfBhYgaJpZM4MIgnc>
.
from vue-google-maps.
xkjyeah
commented on August 28, 2024
Oh, do try this.$refs.gmap.$mapCreated
…On 22 Feb 2017 19:20, "Daniel Sim" ***@***.***> wrote:
Why don't you try console.log(this.$refs.gmap.$mapObject)?
Did you set <gmap-map ref="gmap-map">?
On 22 Feb 2017 19:13, "Valijon" ***@***.***> wrote:
> this.$refs.gmap.mapCreated.then((gmapObject) => {
> console.log(gmapObject)
> })
>
> I want to get the $mapObject and running the above code in mounted() { }
> but i wont work. Also i want to getCenter() or getBounds()
> this.$refs.gmap.$mapObject.getCenter() - I have tried for 2 hourse, i
> cant get the center or even bounds in mehtods. Events like bounds_changed
> and center_changed working. But i need mapObject to get or set center. Pls
> help!
>
> —
> You are receiving this because you are subscribed to this thread.
> Reply to this email directly, view it on GitHub
> <#48>, or mute the
> thread
> <https://github.com/notifications/unsubscribe-auth/ACiTR4eaHuqFXkFRDS9IjXu-XaJbFVEIks5rfBhYgaJpZM4MIgnc>
> .
>
from vue-google-maps.
pwnz22
commented on August 28, 2024
now i have this. I need to set it to gmap-map?)
from vue-google-maps.
xkjyeah
commented on August 28, 2024
Oops sorry autocorrect problems.
I meant:
<gmap-map ref="gmap">
…On 22 Feb 2017 19:23, "Valijon" ***@***.***> wrote:
now i have this. I need to set it to gmap-map?)
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
<#48 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/ACiTRyjjY31wQYc6Nqd0YuismgPOe3bYks5rfBq8gaJpZM4MIgnc>
.
from vue-google-maps.
pwnz22
commented on August 28, 2024
Now im getting something there in console.log.
But can i getBounds() in this closure?
I mean console.log(gmapObject.getBounds()) or console.log(gmapObject.getCenter()). I'm doing this but there an strange object. There is no values for lat and lng
from vue-google-maps.
xkjyeah
commented on August 28, 2024
If you need to setCenter you should just have:
<Gmap-map :center="{...}">
You can call getBounds, but maybe it won't return a thing if Google Maps
has not fully initialized it. Your best bet is to wait for the
bounds_changed event to fire.:
@bounds_changed="doSomethingWith($event")"
$event will be set to the value of getBounds()
…On 22 Feb 2017 19:28, "Valijon" ***@***.***> wrote:
Now im getting something there in console.log.
But can i getBounds() in this closure?
I mean console.log(gmapObject.getBounds())
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
<#48 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/ACiTR-wGFeykeP-kDB22C9oMaiKAQCuDks5rfBvXgaJpZM4MIgnc>
.
from vue-google-maps.
pwnz22
commented on August 28, 2024
Thanks for the fast response)
I'm also using this event.
And the last question is it good practice to watch the bounds
when i'm listenin to the event @bounds_changed="bounds = $event"
and then run method there like:
watch: {
'bounds': function (bounds) {
this.boundsChanged(bounds)
}
}
from vue-google-maps.
pwnz22
commented on August 28, 2024
Because i'm doing ajax request and need also use lodash.debounce to not make 100 requests at once when user dragging the map)
I deleted the watch and did something like this : @bounds_changed="boundsChanged($event)"
from vue-google-maps.
xkjyeah
commented on August 28, 2024
Oops my bad. You can't use arrow functions with debounce. Use a standard
function(){}
…On 22 Feb 2017 19:56, "Daniel Sim" ***@***.***> wrote:
methods: {
boundsChanged: _.debounce(()=>{...}, ....)
}
On 22 Feb 2017 19:44, "Valijon" ***@***.***> wrote:
> Because i'm doing ajax request and need also use lodash.debounce to not
> make 100 requests at once when user dragging the map)
>
> —
> You are receiving this because you commented.
> Reply to this email directly, view it on GitHub
> <#48 (comment)>,
> or mute the thread
> <https://github.com/notifications/unsubscribe-auth/ACiTR6VFhQi8a39mdTycG4oZeDFJxQXKks5rfB-xgaJpZM4MIgnc>
> .
>
from vue-google-maps.
pwnz22
commented on August 28, 2024
I also deed that. Thanks a lot :)
I will close the issue.
from vue-google-maps.
Related Issues (20)
- How can I get location, country, and city?
- How can I get location, country, and city? Now I just get lat and long
- Can't render map in storybook
- How to set custom marker border and border-radius? HOT 1
- How to fix when GmapCluster when clicked same location ? HOT 1
- Best way to include packages like columnchart? HOT 1
- Overlaying an Image Map Type
- Auto complete , chrome autocomplete="off"
- Is it possible to search an area based on the position of map? HOT 2
- There doesn't seem to be anyway to add an event listener to the map that allows marker placement based on a user's click event HOT 2
- Bicycle Layer not appearing?! (VERSION issue?? Help!) HOT 1
- autocomplete dropdown issue HOT 2
- Setting :draggable to false does not work on markers HOT 1
- How can I update markers on hover? HOT 1
- google.maps.event.addDomListener() is deprecated, use the standard addEventListener() method instead HOT 1
- Autocomplete region not wroking HOT 2
- I hear you need contributors how can we get in touch? HOT 1
- Vite 2.5.4 compatibility issue HOT 1
- Please maintain this repo and update as per new google map changes HOT 1
- Vite 3 fails on build of module HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-google-maps.