Googleマップマーカーピンが表示されない

Question

マーカーがライブサイトに表示されていないGoogleマップウィジェットに問題がありますが、コードをCodepenに挿入すると表示されます。

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> 

ライブサイト：

誰もがここで問題になる可能性があることを知っていますか？コンソールにエラーは表示されません。

ありがとうございます。