Question

I’m writing a google maps v3 javascript application that fetches new markers when the bounds of the map change. For that I’m using the “bounds_changed” listener.
Problem is that I want to restrict the calls I make and don’t want to fire them every time the user changes the map viewport. How can I fire this call only if the map has been changed AND has been idle for, say, 1 second?

Thank you!
Paul

Answer 1

You declare a global variable for timeout

var changetm = null;

then in the event you call

function event_handle(e){

    clearTimeout(changetm);
    changetm = setTimeout("fetch_new_markers()", 1000);

}

what that does is clear previous call (if exists) and then add the next call to the queue, wait for 1000 milisecon (1 sec) and call it. If in 1sec some event fired, it will clear the wait queue again…

tadah