2016-10-01 125 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>