I've noticed that when employing the template provided by the project HTML5 Reset <http://html5reset.org/>, v3 map windows no longer properly render. In particular, the map itself renders well, but several overlay elements (such as the zooming and street view widgets - as well as any API-created overlay elements like markers) are squished, sliced up, or fail to render entirely. I'm sorry, I don't have a demonstration available, but here is a link to an image showing what the slicing: <https://lh6.googleusercontent.com/_RTXY6BZDFqY/TVxRU_AiRiI/AAAAAAAAAVM/Wgv-3GTo-14/broken_googlemapapi.png> Compare with this image, which has been fixed with a css patch I will give shortly, and which looks identical to the map you get without using the HTML5 Reset css:
<https://lh4.googleusercontent.com/_RTXY6BZDFqY/TVxR5tftR-I/AAAAAAAAAVY/OvBO8e5N9MA/correct_googlemapapi.png> By trial and error, I was able to find the offending CSS 'reset' that caused the issue. The rule, from '_/css/core.css' in the HTML5 Reset template, was: /*- fluid images and objects ----------*/ img, object, embed {max-width: 100%;} Therefore, the fix I implemented was to unroll the change with #map_canvas img { max-width: none; } The reason I am reporting this to this list is that it seems like very strange behavior to me. Not knowing the internals of the google map api, I'm not certain why the rule should break the map interface in the way it does. Perhaps it is a bug, perhaps not. Hopefully reporting this here will help someone. -- 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.
