If you post a link to your map (as specified by the posting guidelines for this group) we can see what the actual issue is.
Chad Killingsworth On Jul 7, 9:38 am, pat <[email protected]> wrote: > 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.
