GoogleマップがJavaScriptを使用してロードされていません

Question

私のコードは掲載していますが、マップはこの質問に対するload.please提案ではありません。 Google Maps jsも使用しますが、ロードできません。

<script src="https://maps.googleapis.com/maps/api/js?callback=initMap"> 
    if($('.map-container:visible').length >= 0) 
    {  
     initMap(); 
    } 
    function initMap(){ 
     google.maps.visualRefresh = true; 

     var myLatlng = new google.maps.LatLng('24.980832' ,'55.092480'); 

     var mapOptions = { 
      zoom: 10, 
      center: myLatlng, 
      mapTypeId : google.maps.MapTypeId.ROADMAP 
     }; 

     var map = new google.maps.Map(document.getElementById('dubaiTradeNew'), mapOptions); 

     var marker = new google.maps.Marker({ 
      position: myLatlng, 
      map: map, 
      title: 'Dubai Trade' 
     }); 

      google.maps.event.addDomListener(window, "resize", function() { 
      var center = map.getCenter(); 
      google.maps.event.trigger(map, "resize"); 
      map.setCenter(center); 
     }); 
    } 

Answer 1

高さを追加してみてくださいは、一度

<div class="map-container" id="dubaiTradeNew" style="height:100px;width:100px"> 
</div> 

とSET異なるスクリプト

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?callback=initMap"></script> 
<script> 
    //Code here 
</script>