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()之前，您可能需要更长的延迟时间。理想情况下，请监听将地图容器打开到正确大小的事件。

传单地图未正确显示。部分灰色。

1 个答案: