Home/ Questions/Q 7062195
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T04:33:53+00:00

I’m using Google map API to display map in simple javascript popup. While popup

  • 0

I’m using Google map API to display map in simple javascript popup. While popup opens it will display as below:
Map Preview in Javascript Popup http://122.170.97.189:81/gmap/preview.png
I tried auto refresh div using Jquery for map div like:
$(‘#map’).fadeOut(‘slow’).load().fadeIn(“fast”);
It refresh the map div but still the problem is not solved.
If I press F12 in chrome and firefox the map is displaying correctly.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Call the google maps code to render the map after the popup is fully loaded. You should call google.maps.Map() inside $(document).ready() or after some timeout (setTimeout()).

    When map object is created it tries to figure out how big the canvas is and if popup is not fully loaded yet it may get wrong values.

    • 0