谷歌地图在我的网站“将不会加载

这里是我的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

谷歌地图在我的网站“将不会加载

回答

相关问题