Here is the issue I encountered when toying with Google Maps Engine. I embedded my custom map on my responsive website and set the width of the iFrame to 100%. However, the maps’ legend won’t disappear on the mobile viewpoint (320px width):

google-maps-engine-on-mobile-site

How can anyone access the map with big damn legend above the map like that? -_-

However, the legend disappears nicely  when I embed the map on this blog with fixed 640 width value like this:

Quite weird, don’t you think?

Share Your Thought