随机获取 OpenLayers.Layer.OSM.Mapnik 不是构造函数

Question

我有一个小的弹出窗口，当用户单击页面上的链接时加载该窗口。但大约一半的时间，我在 firebug 的 console.log 中收到“OpenLayers.Layer.OSM.Mapnik 不是构造函数”。如果我关闭弹出窗口（这是一个 jqueryui 对话框），然后再次单击该链接，它可能不会出错。但如果我关闭它并再次打开它，我会再次收到错误。这很奇怪。

如果我完全刷新页面，第一次单击时会出现错误，但关闭后会得到地图。

在我缺少的较小窗口中加载地图是否有一些秘密？我在不同页面上的全屏版本地图中没有收到错误...

这是加载地图的代码：

var map = undefined,
popup = undefined;

function initialize (){
    var center_lat = "39.828175";
    var center_long = "-98.579500";
        OpenLayers.ImgPath = "/images/openlayers/";
    map = new OpenLayers.Map ("map", {
        controls:[
            new OpenLayers.Control.Navigation(),
            new OpenLayers.Control.PanZoomBar()],
        });
    var scalebar = new OpenLayers.Control.ScaleBar({displaySystem: "english",align: "right"});// this is an external library that is loaded as a js file and works great on the full screen map too....
    map.addControl(scalebar);

    layerMapnik = new OpenLayers.Layer.OSM.Mapnik("Open Street Maps");
    map.addLayer(layerMapnik);
    lonLat = OLL(center_long, center_lat);
    map.setCenter (lonLat, 13);
}

Answer 1

您可能在带有 OSM 构造函数的 js 文件完全加载之前执行代码。如果您在执行代码之前不等待 document.onReady 事件，则这种情况很常见。第一次加载页面时，会从服务器请求 js 文件，加载需要零点几秒，因此无法在页面代码中使用。第二次缓存js代码，使其可供页面代码访问。

你什么时候调用你的initialize()函数？