等待页面呈现，直到加载Google Map

Question

My question is specific to Google maps v3 API. I have a header (h3), an image, and Google Maps on my page. I want the page to wait until my Google Map loads entirely. Currently, the browser displays the h3 and image before Google Maps has completely loaded.

Answer 1

You might be able to use an event listener to see when the google map becomes idle. Then once that event is fired you can add your other html through the JavaScript.

Here is a link to a similar question and answer: How can I check whether Google Maps is fully loaded?

Answer 2

The event you need is idle , as @Spazmoe06 told you, and you can use it like this :

google.maps.event.addListenerOnce(map, 'idle', function(){
    // ...
});

You can find a list of all Google Maps events here .