传单地图不能正确显示。部分灰色。
问题描述:
我尽力从不同的答案中解决问题,但我的问题依然存在。 地图显示不正确。灰色框架占据了框架的近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>
答
见Data-toggle tab does not download Leaflet map。
在致电map.invalidateSize()
之前,您可能需要较长的延迟时间。理想情况下收听打开地图容器到正确大小的事件。
谢谢!我今天会尝试! – user6877257