Embed google map is wrong displayed until resizing webpage

by

I too faced this issue, I solved it by triggering the Google maps resize event.

google.maps.event.trigger(map, 'resize');

Updates:

var map;
function initializeNewMap() {
 // add your code
  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
  google.maps.event.trigger(map, 'resize');
}

Hope you understand.

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. GoogleMaps does not load on page load
  7. Getting “Uncaught ReferenceError: google is not defined” error using Google Maps API
  8. Google Maps API v3: InfoWindow not sizing correctly
  9. Preserve browser window aspect ratio while shrinking [closed]
  10. Change from (+) symbol to (-) after click (function(){
  11. How can i create html automatic change page? [duplicate]
  12. Changing website favicon dynamically
  13. Detecting input change in jQuery?
  14. Verify if a point is Land or Water in Google Maps
  15. How to draw an inline svg (in DOM) to a canvas?
  16. Programmatically trigger “select file” dialog box
  17. How to get browser width using JavaScript code?
  18. How to break line in JavaScript?
  19. HTML Mobile -forcing the soft keyboard to hide
  20. how to change the background image of div using javascript?
  21. How to move all HTML element children to another parent using JavaScript?
  22. How to disable submit button once it has been clicked?
  23. How do I use this JavaScript variable in HTML?
  24. Sort by image resolution in gallery
  25. HTML5 video javascript controls – restart video
  26. Trigger for span text/html on changed
  27. Changing cursor to waiting in javascript/jquery
  28. Returning value from confirmation dialog using JQuery UI dialog
  29. HTML5 Video autoplay with sound unmuted
  30. How do I put a clear button inside my HTML text input box like the iPhone does?

Leave a Comment