Thanks for the response. I tried the resize. It did not give me the desired effect. I may have done something wrong. At this point I am inclined to believe that it is better to set the display property before calling the map api's to ensure proper rendering of the map. This may also hold true for any other javascript related content setting for a hidden div.
On Jul 7, 2:23 pm, Pil <[email protected]> wrote:ooglea.com api base urlge earning. > 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.
