My Google Maps Overlay Issue Resolved…

Google MapsWhen adding an overlay to a Google Maps implementation, be sure to read the documentation thoroughly, which I of course didn’t resulting in the fact that I missed the important part about XHTML and VML which on its turn resulted in the fact that it wouldn’t work in IE.

This happened to me whilst working on the roadmap for the Trancefusion 9 website … all went well in Firefox, but not in IE.

Quoting the solution here will hopefully help out others who don’t feel like rtfm’ing the Google Maps API Documentation:

If you want to show polylines on your map (like the lines used by Google Maps to show driving directions), you need to include the VML namespace and some CSS code in your XHTML document to make everything work properly in IE“. The API is referring to this piece of code.

Now remember that y’all!

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.