I'd like to embed a Google Map into a WordPress post but without using an iframe or a plugin. This is because I want to do some more complex stuff, styling and adding overlays to the map.
I have tried using the following HTML in the post:
<div id="map_canvas" style="border: 1px solid black;" width="100%" height="500px"></div>
But this gives me a map of zero height. I'd like to use a percentage-width map as I'm using a TwentyEleven child theme, so the site is responsive.
Can anyone suggest how I should style map_canvas so it doesn't collapse?