Hi list! We have a lot of custom overlays in our maps and I'm testing these on mobile devices. I've made a small example to illustrate the problem we're having:
http://www.datagrafikk.no/test/googlemaps/test.webkit.hardware.acceleration.bug.htm I'm using Safari 5.1.2 on on windows to test this. If you open this page and change user agent to 5.1.2 Mac or any of the iphone versions, mouseenter/mouseleave/click events doesn't work on the element without translateZ(0px) fix. (Safari for win works fine). Adding the style -webkit-transform: translateZ(0px) to the div fixes the problem. Note that if the div is added to floatPane instead of overlayImage there is also no problems. This seems to be a problem with hardware acceleration in webkit. I've no idea what exactly causes this but it seems to be related to position:absolute. Anyone on this list experienced this and know whats causing it? Since the style is needed for smooth maps on iPhone it would be nice if the documentation on OverlayView was updated to mention this problem. regards, Bjarte -- 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.
