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/AAAAAAAAAV...>
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/AAAAAAAAAV...>
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.
