My favorites | Sign in
Project Home Issues
New issue   Search
for
  Advanced search   Search tips   Subscriptions
Issue 8674: Bug: Popup map suddenly stopped showing tiles in Chrome only
2 people starred this issue and may be notified of changes. Back to list
Status:  Fixed
Owner:  ----
Closed:  Nov 2015


Sign in to add a comment
 
Reported by [email protected], Sep 28, 2015
e.g.
https://smithandfamily.co.uk/child-friendly-hotels/paraiso-de-los-pinos#hotel-location

when clicking on the map, we have code that shows a map with tool tips in a popup.

Up until about 2 releases of chrome ago, it worked fine, but now in both Chrome 45.0.2454.101 (64-bit) and Chrome Canary 47.0.2521.0 canary (64-bit) the tiles do not show. There are no JS errors on the page, 
On every other browser this still works fine.

There have been no source code changes at our end, I think this coincides iwht the september 15th release of 3.22 of the api
https://developers.google.com/maps/documentation/javascript/releases#322



Sep 29, 2015
Project Member #1 [email protected]
Hi. If you change the version to 3.21, does it work correctly? Also, it would be very helpful if you could create a simple, self contained example to reproduce the issue.
Status: NeedsMoreInfo
Oct 2, 2015
#2 [email protected]
Hi there, we're trying to generate a simplified test case

we forced to 3.21 and the issue is resolved, but 3.22 is breaking it
previously we had not specified a version of the maps api, we are about to commit a change to our release cycle to force to 3.21 for now, in order ot get our production site working again.
Oct 6, 2015
Project Member #3 [email protected]
You have the CSS rule

.tpl-hotel img {
    max-width: 100%;
}

which is adding max-width: 100% to all of the map tiles. We've tried to protect against this by adding

.gm-style img {
    max-width: none;
}

but your .tpl-hotel rule is winning out (see screenshot attached).

In v3.21 we had set width: 256px on the parent div for the map tile images, which meant this was still working, but in v3.22 that has been taken out and so you're seeing this behaviour. We'll work to fix this sometime soon, but in the meantime you should probably just fix your CSS.
Screen Shot 2015-10-07 at 3.04.36 PM.png
92.7 KB   View   Download
Status: Accepted
Labels: Internal-19991975
Oct 7, 2015
#4 [email protected]
Thank you so much for investigating! We will look at that CSS
Nov 19, 2015
Project Member #5 [email protected]
(No comment was entered for this change.)
Status: Fixed
Sign in to add a comment

Powered by Google Project Hosting