This is because of the way CSS works: if an element has a % height, the height is calculated based on its parent element(s) – not the window.
In most blogs (including yours) the parent elements don’t have a fixed height because they grow to the size of the post content. In this case ‘100%’ would return ‘0 pixels’ and you would just see a thin horizontal line for the map.