I see the problem now. I assume you are setting both "display: inline"
and "float: left" to handle the IE6 double margin bug?
In either case, the solution is to trigger the resize event of the
map. You'll notice if you resize your browser window slightly, the
maps display properly. I would try something like the following code:
google.maps.event.addListenerOnce(map, 'tilesloaded', function() {
google.maps.event.trigger(this, 'resize');
});
Chad Killingsworth
On Jul 8, 1:51 am, pat <[email protected]> wrote:
> I used HTML to post the link, but they got messed up.
>
> In any case the links are as following
>
> http://property.odishagateway.com/maptest/maphidden1.htmlhttp://property.odishagateway.com/maptest/maphidden.html
>
> In the first case, I am setting the display property before the map
> api calls and in the second case after.
>
> On Jul 8, 4:44 am, Chad Killingsworth
>
>
>
> <[email protected]> wrote:
> > 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.
