Google Maps Marker Pin wird nicht angezeigt

Question

Ich habe ein Problem mit dem Google Maps-Widget, bei dem der Marker auf meiner Live-Site nicht angezeigt wird, aber angezeigt wird, wenn ich den Code in Codepen einfüge.

Codepen:

http://codepen.io/anon/pen/LxLprp

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD2X6alsV0XdrvNoB4HCEBxNn9VgQYniII"></script> 
<script> 
    function initialize() { 
     var mapCanvas = document.getElementById('map'); 
     var mapOptions = { 
      center: new google.maps.LatLng(51.632566, -0.175259), 
      zoom: 17, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 
     var map = new google.maps.Map(mapCanvas, mapOptions) 

     var marker = new google.maps.Marker({ 
      position: {lat: 51.632566, lng: -0.175259}, 
      map: map, 
      title: 'Test' 
     }); 

    } 
    google.maps.event.addDomListener(window, 'load', initialize); 
</script> 
<div id="map" style="height: 300px; width: 300px"></div> 

Live-Site:

Würde jemand möglicherweise wissen, was könnte das Problem hier sein? Die Konsole zeigt keine Fehler an.

Vielen Dank.