javascript - map 仅在窗口大小更改时正确显示

Question

我正在使用mapbox创建此 map ，但是当初始化 map 时，它会偏移经纬度并清空大部分 map (请参阅 screenshot )。调整窗口大小时，它会正确显示 map (请参阅 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() {}) 初始化 map ，而不是 document.ready:document.ready 在页面内容之前运行已经正确调整了自己的大小。