CODEWITHSUNDEEP
javascriptgoogle-mapsgoogle-maps-api-3
Janie
Janie

Reputation: 646

Google map taking more time to load

I'm using Google map in my website to show marker and to draw marker I also use an extra JS markerwithlabel.js.

To initialize map what have I done

google.maps.event.addDomListener(window, 'load', mapInitFunction);

it working fine when I don't use third party resources.

For my business purpose I have to load some third party JS, images etc, sometimes one of these resources get loading. Because request status show pending. Consequently Google map not load. Since I have initialize map in window load. I read Google Doc but didn't get any alternative way to initialize Google map without window load.

Any of your suggestion will be appreciated.

Upvotes: 0

Views: 1114

Answers (1)

Priyank Mehta
Priyank Mehta

Reputation: 2513

Use callback function method and put it at the end of body

  <script src="https://maps.googleapis.com/maps/api/js?key=**YOUR_KEY**&callback=mapInitFunction" async defer></script>

You can use without async defer attributes as well. It just provides a way of lazy loading the google maps

Upvotes: 1

Related Questions