谷歌地圖在我的網站「將不會加載

這裏是我的JS代碼

<div class="map-cont"> 
     <div id="map" class="location-container map-padding" style="width:100%;height:400px;background:yellow"></div> 
      <script> 
      function initMap() { 
      var uluru = {lat: 45.4420432, lng: 15.999982}; 
      var map = new google.maps.Map(document.getElementById('map'), { 
       zoom: 15, 
       center: uluru, 
       scrollwheel: false 
      }); 
      var marker = new google.maps.Marker({ 
       position: uluru, 
       map: map 
      }); 
      } 
     </script> 
     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBEQc2mBnThiUz-Pj472iG1i2FyqJvNb00&callback=initMap"> 
     </script> 
    </div>

這裏是CSS

#map { width: 100% !important; } 
.map-cont { margin-left: 10%; }

當我刪除.map-cont { margin-left: 10%; }它工作正常，但我不需要全屏。

來源

2017-04-11 Josip Gudiček

https://jsfiddle.net/38ueLsh4/ a我sembra funzioni –

在小提琴中的代碼（也在這裏https://jsfiddle.net/jqxL8dhu/）正是你告訴我們的，它的工作原理。所以一定要與你的項目的其他部分有關。 –

我會嘗試調整CSS幷包括這些線條線。

#map { 
    width: 100%; 
    height: 100%; 
    } 
    html,body{ 
    height: 100%; 
    margin:0px; 
    }

谷歌地圖API希望明確定義地圖的高度和寬度，有時這可能會導致併發症。

來源

2017-04-13 00:37:38

谷歌地圖在我的網站「將不會加載

回答

相關問題