Значок маркера Google Maps не отображается

Question

У меня проблема с виджетами Google Maps, где маркер не отображается на моем сайте, но отображается, когда я помещаю код в 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> 

Живой Сайт:

Кто-нибудь может знать, что может быть проблемой здесь? Консоль не показывает никаких ошибок.

спасибо.