Embedding Google Maps As Css Overlay Doesn't Load Properly

I try to display a Google Map in an CSS Overlay. The problem is: The Google Map doesn't load properly. The marker is set, but the map with streets and so on is missing. I created a

Solution 1:

if you use opacity: 0; instead of display:none; for #loginScreen it should work.

if you want to use display:none; you have to re-initialize the map when you click and show the div

hope this helps