The tiles are not loaded, only a grey area is shown. This only happens
for a small sized map, the larger version behaves normal.
Some characteristics of our implementation that could help debug this
problem:
- The Javascript is dynamically loaded using a callback, this seems
to work
- No Javascript errors occur when loading
- When using my mousewheel on the grey area, I get a Javascript error
"Uncaught TypeError: Cannot read property 'x' of undefined".
- Tested in Chrome and Firefox
- The resources tab in Chrome show multiple maps Javascript files
being loaded (all Http 200).
- I don't see any Http calls of tiles being loaded (mt0.google.com?)
This is how the generated html looks like (useful?):
<div id="xxxxxx" style="width: 220px; height: 250px; position:
relative; background-color: rgb(229, 227, 223); overflow-x: hidden;
overflow-y: hidden; z-index: 0;">
<div style="position: absolute; left: 0px; top: 0px; overflow-x:
hidden; overflow-y: hidden; z-index: 0; width: 100%; height: 100%; ">
<div style="position: absolute; left: 0px; top: 0px; z-index: 1; -
webkit-transform: translate(0px, 0px) scale(1); cursor: url(http://
maps.gstatic.com/intl/en_us/mapfiles/openhand_8_8.cur), default; ">
<div style="z-index: 100; position: absolute; left: 0px; top: 0px;
"></div>
<div style="z-index: 101; position: absolute; left: 0px; top: 0px;
"></div>
<div style="z-index: 102; position: absolute; left: 0px; top: 0px;
"></div>
<div style="z-index: 103; position: absolute; left: 0px; top: 0px;
"></div>
<div style="z-index: 104; position: absolute; left: 0px; top: 0px;
"></div>
<div style="z-index: 105; position: absolute; left: 0px; top: 0px;
"></div>
<div style="z-index: 106; position: absolute; left: 0px; top: 0px;
"></div>
<div style="position: absolute; z-index: 0; ">
<div style="overflow-x: hidden; overflow-y: hidden; width: 0px;
height: 0px; ">
<img style="width: 0px; height: 0px; " src="http://
maps.google.com/maps/api/js/StaticMapService.GetMapImage?
map_corner=b&x=2154221&y=1378600&map_corner=e&image_format=1&zoom=14&image_size=b&width=0&height=0&image_size=e&tileset_specification=b&map_type=0&use_public_api_tiles=true&language_code=en-
US&version=ap.116&tileset_specification=e&token=82969"></
div></div><div style="position: absolute; left: 0px; top: 0px; z-
index: 1; ">
</div>
</div>
</div>
</div>
</div>
As I said, the reason why it fails to show any tiles remains unknown
(it might be some very specific case), but I just wanted to give some
input as maybe other people are seeing this problem as well.
I will now start debugging and try to create an isolated example.
If you need more input or specific information, please ask.
Marijn
On Jan 20, 7:26 am, "Susannah (Google Employee)"
--
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 google-map...@googlegroups.com.
To unsubscribe from this group, send email to google-maps-js-a...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
The problem seems to be related to CSS styling. We're showing the map
in a div that is layed over other content. When I remove the class
that causes this effect (so that it's shown inline), the tiles are
loaded correctly. I'll try to figure out what exact property causes
this (likely some positioning or z-index).
So it might be some error on our side, although it must be related to
some change in the new Google Maps version because we did not release
any new code and suddenly it started giving problems in both
live,staging and dev this morning.
I've sent some login information for testing, Ben.
I believe the problem is this:
The HTML is first inserted into the page using Javascript, then the
map is loaded, and THEN the popup is shown.
When I first insert the HTML, show the popup and finally load the map,
it's shown correctly.
When the element is hidden when the map is inserted into it, the size
is not calculated correctly. I think this used to work? It should be
possible to detect the size of an element while it's hidden.
PoC:
<html>
<head>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?
sensor=false"></script>
<script type="text/javascript">
function initialize() {
var myLatlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById
("map_canvas"), myOptions);
document.getElementById("container").style.display = "block";
}
</script>
</head>
<body style="margin:0px; padding:0px;" onload="initialize()">
<div id="container" style="display: none">
<div id="map_canvas" style="width:230px; height:230px"></div>
</div>
</body>
</html>
On Jan 20, 12:36 pm, Ben Appleton <apple...@google.com> wrote:
> On Wed, Jan 20, 2010 at 10:26 PM, Marijn <marijnspeel...@gmail.com> wrote:
> > I've sent some login information for testing, Ben.
>
> Thanks, that worked for me. It appears that your map's container has width:
> 100%, height: 100%. However when the API loaded and checked the container's
> size, clientWidth and clientHeight both returned 0. We're looking into
> changed in this release that might have caused this.
>
> Meanwhile if you need a quick fix, you could set the size of your map's
> container to a fixed width and height in pixels.
>
>
>
> > The problem seems to be related to CSS styling. We're showing the map
> > in a div that is layed over other content. When I remove the class
> > that causes this effect (so that it's shown inline), the tiles are
> > loaded correctly. I'll try to figure out what exact property causes
> > this (likely some positioning or z-index).
>
> > So it might be some error on our side, although it must be related to
> > some change in the new Google Maps version because we did not release
> > any new code and suddenly it started giving problems in both
> > live,staging and dev this morning.
>
> > --
> > 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
> > google-map...@googlegroups.com.
> > To unsubscribe from this group, send email to
> > google-maps-js-a...@googlegroups.com<google-maps-js-api-v3%2B unsub...@googlegroups.com>
On Jan 20, 1:36 pm, Ben Appleton <apple...@google.com> wrote:
> Meanwhile if you need a quick fix, you could set the size of your map's
> container to a fixed width and height in pixels.
It seems that 'size' property of map options is working again with
this version
{size: new google.maps.Size(400,500)}
That is very useful if you are loading Map to a DIV that is in
{display: none} status.
On Jan 20, 2:45 pm, Marijn <marijnspeel...@gmail.com> wrote:
> When the element is hidden when the map is inserted into it, the size
> is not calculated correctly. I think this used to work? It should be
> possible to detect the size of an element while it's hidden.
{display: none} makes the element size zero.
{visibility: hidden} keeps the original size.
Try the 'size' option of Map.
I believe I have a fix to restore the behavior that existed prior to
the recent release - as long as I've reproduced the same problem and
not some other subtle display/size problem. The fix should be live in
the next few hours.
As Esa mentioned, there is now a 'size' option you can specify in
MapOptions that should fix the problem you're seeing if you don't want
to wait for the fix to go live.
-Susannah
Some tiles never arrive even waiting five minutes. Examining the DOM,
the tiles contain "transparent.png" place holder images rather than
real tile images. The "onload" event never happens. It requires a
"watchdog" "mine sweeper" on a long fuse. Every zoom change ought to
do an integrity check. Lazy tiles ought to be refetched.
Zoom changes are a bit chaotic with "out of view" images flashing on
the screen.
iframe: http://02b60c6.netsolhost.com/gmapsbox/
No iframe: http://02b60c6.netsolhost.com/gmaps/storelocator/
Please file an issue in the issue tracker about the tile loading
problems you're seeing. I know you've run into this before and we
haven't had any other reports. I don't believe it's related to this
release, but we can confirm that in the morning.
As for the terrain labeling, we'll report that to the tile team.
Can you provide a link to a page where you see "out of view" images
flashing on the screen? Are these tiles? Markers? OverlayViews?
Thanks,
Susannah
Your iframe example has a reference to localhost, so I wasn't able to
confirm that the coming fix will solve this issue, but I'm hoping that
what you're seeing will be fixed in the update that should be live any
minute. I'll post again when that's live.
-Susannah
(we're releasing the fix described below, so you may not be able to
spot the error in time)
While starting to post this message, one of my colleagues found the
issue:
The div that holds the map was hidden at first, then initialized and
then displayed.
We changed the order to: init, then hide the div and it works.
Hope this helps
Sorry for the breakage,
Susannah
--
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 google-map...@googlegroups.com.
To unsubscribe from this group, send email to google-maps-js-a...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
On Jan 21, 7:31 am, Pan Zheng Xiang Jedi <jedi...@gmail.com> wrote:
> Hii google maps angels,
>
> my map size went "out of size", may i enquire if its due to the new release?
> pls advise what should i do?
>
> thanks
>
> On Thu, Jan 21, 2010 at 3:05 AM, Susannah (Google Employee) <
>
>
>
> susann...@google.com> wrote:
> > The fix is now live. If your map was not loading previously, please
> > let us know if it is fixed now (without the 'size' workaround). If
> > you are still seeing this error, please post a link to your site.
>
> > Sorry for the breakage,
> > Susannah
>
> > --
> > 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
> > google-map...@googlegroups.com.
> > To unsubscribe from this group, send email to
> > google-maps-js-a...@googlegroups.com<google-maps-js-api-v3%2Bunsu...@googlegroups.com>
To unsubscribe from this group, send email to google-maps-js-a...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
We are looking at this. For the time being, if you give the map a
fixed width (instead of 100% or blank), it should render correctly
again. Sorry for the inconvenience.
-Susannah
--
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 google-map...@googlegroups.com.
To unsubscribe from this group, send email to google-maps-js-a...@googlegroups.com.
Go to my real estate map at imap.garylittle.ca and try it out. When
you pan the map, any new properties within the red box on the map are
not shown. Then start to pan the map again and you'll notice that the
markers for these properties suddenly appear.
Gary
On Jan 20, 1:29 pm, Barbara Davenport <cdavenport2...@hughes.net>
wrote:
> SUZANNE, IF THE MAP OUTLINE IS THERE, SHOULDN'T THE MAP BE THERE. ON MY HOME PAGE CLOSE TO THE BOTTOM MIDDLE IS THE RECTANGLE WHERE THE MAP GOES? THOROUGHBREDHORSE1441.COM
> C John Davenport
>
> On Jan 20, 2010,Susannah (Google Employee)<susa...@google.com> wrote:
>
> Hi Pan,
> We are looking at this. For the time being, if you give the map a
> fixed width (instead of 100% or blank), it should render correctly
> again. Sorry for the inconvenience.
> -Susannah
> --
> 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 togoogle-ma...@googlegroups.com.
> To unsubscribe from this group, send email togoogle-maps-js-...@googlegroups.com.
Gary
On Jan 20, 3:09 pm, Gary Little <g...@luxcentral.com> wrote:
> Something subtle has changed which breaks my map. I wait for an idle
> event after a map pan -- I then load some data and add new markers to
> the map. What happens now is that the new markers do not appear
> immediately. It's only when the map is panned a second time that the
> markers appear. Very odd.
>
> Go to my real estate map at imap.garylittle.ca and try it out. When
> you pan the map, any new properties within the red box on the map are
> not shown. Then start to pan the map again and you'll notice that the
> markers for these properties suddenly appear.
>
> Gary
>
> On Jan 20, 1:29 pm, Barbara Davenport <cdavenport2...@hughes.net>
> wrote:
>
>
>
> > SUZANNE, IF THE MAP OUTLINE IS THERE, SHOULDN'T THE MAP BE THERE. ON MY HOME PAGE CLOSE TO THE BOTTOM MIDDLE IS THE RECTANGLE WHERE THE MAP GOES? THOROUGHBREDHORSE1441.COM
> > C John Davenport
>
On Jan 21, 3:05 am, Gary Little <g...@luxcentral.com> wrote:
> Did someone push some new code? My map now works again as expected and
> I didn't change a thing!
It seems that the version change was drawn back.
If you had any problems with your map showing up in the last 12 hours
or so, please include a link so that I can ensure it won't break
again. In fact, you should be including a link any time you report a
problem (see the posting guidelines). It's hard for us to help you
otherwise.
Thanks,
Susannah
Add http://imap.garylittle.ca/ to your watch list -- markers were not
showing up at crazy times after the map was panned.
Gary
On Jan 20, 5:48 pm, "Susannah (Google Employee)"
Thanks for the help and quick debugging! :)
Marijn
On Jan 20, 8:05 pm, "Susannah (Google Employee)"
They display fine in the iPhone as well as in every desktop browser
I've tried.
http://search.missouristate.edu/map/mobile/examples/tileoverlay.htm
Chad Killingsworth
On Jan 20, 3:17 pm, "Susannah (Google Employee)"
> As for the terrain labeling, we'll report that to the tile team.
Hi Susannah,
The state names have been reinstated but the other garbage like
> Can you provide a link to a page where you see "out of view" images
> flashing on the screen? Are these tiles? Markers? OverlayViews?
I am seeing random tiles flash on the screen. Try:
http://www.polyarc.us/polycluster
Click "Experimental". Some of the other demos do it also.