If you load the map in a hidden HTML element and afterwards display it, the map doesn't know its size. So you have to call check resize
google.maps.event.trigger(map, "resize"); Maybe thats the problem... On Jul 7, 10:32 am, pat <[email protected]> wrote: > There is no reason. It is perhaps my lack of proper understanding of > CSS. All I needed to do is to display the DIV when a user clicks on > the link. I tried setting the display to other block values and the > rendering still did not work. I does work however if the display > property is set before the map api calls > > On Jul 7, 12:19 pm, Pil <[email protected]> wrote: > > > Generally: > > If a block level element is set to display inline it's rendered as if > > it were an inline element. It's no good idea to provide an inline > > element for the map unless it's absolutely necessary. And even then I > > wouldn't do it. > > > Do you have a special reason why you think you'd need an inline > > element? > > > On Jul 7, 8:48 am, pat <[email protected]> wrote: > > > > I am not well conversant with most of the web technologies involved in > > > this. I thank you upfront for your patience. > > > > 1) I have a situation where I display search results (typically 10 > > > entries per page). I provide a link at the bottom of each entry to > > > open google map to show the location (lat-long) of the entry. The > > > display property of the containing DIV is set to none. When the google > > > map is shown, I set the display property of the containing DIV to > > > inline. > > > > This works fine, if the display property of the DIV is set to inline > > > before execution of google api calls. However, if the display > > > property is set to inline after the api calls the maps do not render > > > correctly, after the first click. > > > > I have given 2 links (one where the display is set to inline before > > > google api call and the other after the calls) > > > > <a href="http://property.odishagateway.com/maptest/ > > > maphidden1.html">Before api calls</a> > > > <a href="http://property.odishagateway.com/maptest/ > > > maphidden.html">After api calls</a> > > > > Why would it not work in the second case? > > > > 2) Since I show the map for each entry in a separate DIV, I use a > > > different instance of the map and infoWindow. Would this be the > > > correct way of coding this? > > > > Thank for your help -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
