2016-10-01 119 views
-1

我已經發布我的代碼,但地圖不load.please建議這個問題。 我也將使用谷歌地圖js,但無法加載。谷歌地圖不使用javascript加載

<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); 
     }); 
    } 

+0

是,所有的代碼? – David

+0

這也是html代碼

否則是這是我發佈的所有代碼。 –

+0

您是否收到任何錯誤,如「出錯或div總是空白,沒有文件 –

回答

0

請嘗試加入高寬度一次

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

,並設置不同的腳本

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