How can I check whether Google Maps is fully loaded?

by

This was bothering me for a while with GMaps v3.

I found a way to do it like this:

google.maps.event.addListenerOnce(map, 'idle', function(){
    // do something only the first time the map is loaded
});

The “idle” event is triggered when the map goes to idle state – everything loaded (or failed to load). I found it to be more reliable then tilesloaded/bounds_changed and using addListenerOnce method the code in the closure is executed the first time “idle” is fired and then the event is detached.

See also the events section in the Google Maps Reference.

More Related Contents:

  1. Google Maps API v3: How to remove all markers?
  2. Google Maps: How to create a custom InfoWindow?
  3. Do I need to hide API key when using google maps js API? If so, how?
  4. How to use google.maps.event.trigger(map, ‘resize’)
  5. GoogleMaps does not load on page load
  6. Getting “Uncaught ReferenceError: google is not defined” error using Google Maps API
  7. Google Maps API v3: InfoWindow not sizing correctly
  8. Embed google map is wrong displayed until resizing webpage
  9. Double digit 30 seconds countdown
  10. jQuery Mobile: document ready vs. page events
  11. Using HTML5/Canvas/JavaScript to take in-browser screenshots
  12. What’s the effect of adding ‘return false’ to a click event listener?
  13. Custom attributes – Yea or nay?
  14. Submitting a form on ‘Enter’ with jQuery?
  15. Does HTML5/Canvas Support Double Buffering?
  16. JavaScript does not fire after appending [duplicate]
  17. Add a tooltip to a div
  18. Removing an item from a select box
  19. How to embed an autoplaying YouTube video in an iframe?
  20. How to get JQuery.trigger(‘click’); to initiate a mouse click
  21. Want HTML form submit to do nothing
  22. Use functions defined in ES6 module directly in html
  23. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  24. Populate one dropdown list based on the selection of other dropdown list
  25. How to reach the element itself inside jQuery’s `val`?
  26. Conditional comment for ‘Except IE8’?
  27. wget + JavaScript?
  28. Class methods as event handlers in JavaScript?
  29. Safe value must use [property]=binding after bypass security with DomSanitizer
  30. Drawing arrows on an HTML page to visualize semantic links between textual spans

Leave a Comment