傳單地圖不能正確顯示。部分灰色。

Question

我盡力從不同的答案中解決問題，但我的問題依然存在。 地圖顯示不正確。灰色框架佔據了框架的近3/4。 How the map shows up

<div id="map"></div> 

<script> 

var map = L.map('map',{scrollWheelZoom: false}); 
map.setView(<%= @location.latlng %>, 16); 
marker = L.marker(<%= @location.latlng %>).addTo(map); 
L.tileLayer('http://a.tile.osm.org/{z}/{x}/{y}.png', { 
      attribution: 'Your attribution statement', 
         maxZoom: 20, 
         subdomains: '', 
         }).addTo(map) 
$(document).ready(function(){ 
    L.Util.requestAnimFrame(map.invalidateSize,map,!1,map._container); 
}); 
</script>  

Answer 1

見Data-toggle tab does not download Leaflet map。

在致電map.invalidateSize()之前，您可能需要較長的延遲時間。理想情況下收聽打開地圖容器到正確大小的事件。