google map nicht laden mit Javascript

Question

Ich habe meinen Code, aber Karte ist nicht load.please Vorschlag zu dieser Frage. Ich werde auch Google Map js verwenden, kann aber nicht laden.

<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

Bitte versuchen Höhe Hinzufügen Breite einmal

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

und setzen verschiedene Skripte

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