Embed google map is wrong displayed until resizing webpage

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.

Related Contents:

  1. Google Maps API v3: How to remove all markers?
  2. How can I check whether Google Maps is fully loaded?
  3. Google Maps API v3: InfoWindow not sizing correctly
  4. Google Maps: How to create a custom InfoWindow?
  5. Do I need to hide API key when using google maps js API? If so, how?
  6. Getting “Uncaught ReferenceError: google is not defined” error using Google Maps API
  7. Form the the table with json data
  8. Why is “element.innerHTML+=” bad code?
  9. How to get the raw value an field?
  10. How to use Checkbox inside Select Option
  11. Encode HTML entities in JavaScript
  12. HTML Script tag: type or language (or omit both)?
  13. OnChange event handler for radio button (INPUT type=”radio”) doesn’t work as one value
  14. Using HTML script tags to code while they have a source
  15. Change :hover CSS properties with JavaScript
  16. Capture key press (or keydown) event on DIV element
  17. Calling a JavaScript function in another js file
  18. How to read text file in JavaScript
  19. Disable Interpolation when Scaling a
  20. Pass a string parameter in an onclick function
  21. Google maps Places API V3 autocomplete – select first option on enter
  22. Prevent form redirect OR refresh on submit?
  23. How to add a element to the DOM and execute its code?
  24. Can I load an entire HTML document into a document fragment in Internet Explorer?
  25. Alternative for deprecated SVG pathSegList
  26. Node.js can’t create Blobs?
  27. Any way to clone HTML5 canvas element with its content?
  28. What is the best way to parse html in google apps script
  29. Drop-down box dependent on the option selected in another drop-down box
  30. Bootstrap 4 Dropdown Menu not working?
  31. Template does not update when using ui-router and ion-tabs
  32. Find all text nodes in HTML page [duplicate]
  33. Bootstrap 4 navbar not collapsing on large screen
  34. Is innerHTML asynchronous?
  35. How to check “checkbox” dynamically – jQuery Mobile
  36. DOMException: Failed to load because no supported source was found
  37. How do I put codes from jsfiddle.net into my website?
  38. jQuery – Sticky header that shrinks when scrolling down
  39. event.offsetX in Firefox
  40. contentDocument for an iframe
  41. converting a javascript string to a html object [duplicate]
  42. Change the style of :before and :after pseudo-elements? [duplicate]
  43. HTML5 Canvas set z-index
  44. Is there a way to get a element to link to a location without wrapping it in an
  45. How can I add multiple sources to an HTML5 audio tag, programmatically?
  46. Check if element is between 30% and 60% of the viewport
  47. HTML5 callbacks?
  48. Google maps API V3 method fitBounds()
  49. checked = “checked” vs checked = true
  50. how to save canvas data to file

Leave a Comment