GoogleMaps does not load on page load

by

Make sure that initMap function is visible from the global scope or the parameter passed as callback to google maps.js is properly namespaced.
In your case, the quickest solution will be replacing:

function initMap(){
//..
}

to:

window.initMap = function(){
//...
}

or namespace version:

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBDucSpoWkWGH6n05GpjFLorktAzT1CuEc&callback=YOUR.NAMESPACE.initMap" async defer></script>

//Edit:

I see that in your code snippet you use some async module loading (require.js?) and the code in which you create window.initMap function does not get executed unless you call the module that contains this declaration. So you have not fulfilled the first condition that I’ve mentioned – the initMap must be visible from the global scope before you call google maps.js.

More Related Contents:

  1. How can I check whether Google Maps is fully loaded?
  2. Google Maps API v3: How to remove all markers?
  3. Google Maps: How to create a custom InfoWindow?
  4. Do I need to hide API key when using google maps js API? If so, how?
  5. How to use google.maps.event.trigger(map, ‘resize’)
  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. How do I create an HTML element with attributes and events using JavaScript?
  10. Maximum call stack size exceeded error
  11. How to show the “Are you sure you want to navigate away from this page?” when changes committed?
  12. Render basic HTML view?
  13. How to do a Jquery Callback after form submit?
  14. Animate element to auto height with jQuery
  15. How can I let a user download multiple files when a button is clicked?
  16. Limit number of lines in textarea and Display line count using jQuery
  17. Force browser to trigger reflow while changing CSS
  18. Capture frames from video with HTML5 and JavaScript
  19. How to auto-scroll to end of div when data is added? [duplicate]
  20. change src with javascript
  21. Passing a variable from node.js to html
  22. Value was evaluated just now with console.log on JavaScript object
  23. How to play wav audio byte array via javascript/html5?
  24. A plain JavaScript way to decode HTML entities, works on both browsers and Node
  25. how to display base64 encoded pdf?
  26. how to use jQuery ajax calls with node.js
  27. Failed to execute ‘pushState’ on ‘History’ error when using window.history.pushState function
  28. What does this mean: “document.write(‘
  29. HTML5 Video duration without playing video
  30. style.backgroundColor is an empty string in JavaScript

Leave a Comment