地图仅在窗口大小更改时正确显示

Question

我使用mapbox来创建此地图，但是在初始化地图时，它会偏移lat和long，并且会消除大部分地图的空白（请参阅screenshot）。调整窗口大小时，它会正确显示地图（请参阅screenshot）。

$(document).ready(function(){
var homeLatitude = 50.351;
var homeLongitude = -3.576;
var initialZoom = 15;
var mapInitialised = 0;

// Initialise map
var map = mapInit(mapInitialised, homeLatitude, homeLongitude, initialZoom);
});

function mapInit(mapInitialised, homeLatitude, homeLongitude, initialZoom) {
// initialise map
if ( mapInitialised===0 ) {
    var map = L.mapbox.map('map', 'map.sdfwe45ht')
        .setView([homeLatitude, homeLongitude], initialZoom);
    mapInitialised = 1;
}
return map; 
}

Answer 1

使用$(window).load(function() {})初始化您的地图，而不是document.ready：document.ready在页面内容的大小正确之前运行。