Php OpenLayers+；Ajax：错误还是错误

我正在使用下面给出的代码演示

OpenLayers

在

DIV

容器中的映射。我不知道为什么，但我必须重新打开网页几次，以便地图变得可见。这不是互联网连接速度的问题。我只需要单击几个jquery选项卡，最后在指定的选项卡中打开映射。实际上，没有生成错误消息。它发生在Chrome和Firefox中。我不知道这是错误还是我的错误

如果您有任何建议，我们将不胜感激

mainPage.php

    <script type="text/javascript">
      $(document).ready(function() {
            $("#tabs").tabs({
            ajaxOptions: {
                success: function( html ) {
                    $("#content").html(html);;
                }
            }
        });
      });           
    </script>
<div id="tabs">
    <ul>
        <li><a href="administration.php"><span>Administration</span></a></li>
        <li><a href="map.php"><span>Map</span></a></li>
    </ul>
</div>

<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script>
    map = new OpenLayers.Map("basicMap");
    map.addLayer(new OpenLayers.Layer.OSM());       
    var points = new OpenLayers.Layer.Text( "Resource Locations",
                    { location: "dataLonLat.php",
                      projection: map.displayProjection
                   });
    map.addLayer(points);

    var geographic = new OpenLayers.Projection("EPSG:4326");
    var mercator = new OpenLayers.Projection("EPSG:900913");

    //Set start centrepoint and zoom 
    var lonLat = new OpenLayers.LonLat(2.07632,41.30408)
          .transform(
            geographic, // transform from WGS 1984
            mercator // to Spherical Mercator Projection
          );
    var zoom=16;
    map.setCenter (lonLat, zoom);  

  </script>

<div id="basicMap" style="width: 100%; height: 100%;">
</div>

$（文档）.ready（函数（）{
$（“#制表符”）。制表符({
ajaxOptions：{
成功：函数（html）{
$（“#内容”）.html（html）；；
}
}
});
});           

map.php

    <script type="text/javascript">
      $(document).ready(function() {
            $("#tabs").tabs({
            ajaxOptions: {
                success: function( html ) {
                    $("#content").html(html);;
                }
            }
        });
      });           
    </script>
<div id="tabs">
    <ul>
        <li><a href="administration.php"><span>Administration</span></a></li>
        <li><a href="map.php"><span>Map</span></a></li>
    </ul>
</div>

<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script>
    map = new OpenLayers.Map("basicMap");
    map.addLayer(new OpenLayers.Layer.OSM());       
    var points = new OpenLayers.Layer.Text( "Resource Locations",
                    { location: "dataLonLat.php",
                      projection: map.displayProjection
                   });
    map.addLayer(points);

    var geographic = new OpenLayers.Projection("EPSG:4326");
    var mercator = new OpenLayers.Projection("EPSG:900913");

    //Set start centrepoint and zoom 
    var lonLat = new OpenLayers.LonLat(2.07632,41.30408)
          .transform(
            geographic, // transform from WGS 1984
            mercator // to Spherical Mercator Projection
          );
    var zoom=16;
    map.setCenter (lonLat, zoom);  

  </script>

<div id="basicMap" style="width: 100%; height: 100%;">
</div>

map=新的OpenLayers.map（“basicMap”）；
addLayer（新的OpenLayers.Layer.OSM（））；
var points=new OpenLayers.Layer.Text（“资源位置”，
{位置：“dataLonLat.php”，
投影：map.displayProjection
});
地图。添加图层（点）；
var geographic=新OpenLayers.投影（“EPSG:4326”）；
var mercator=新OpenLayers.投影（“EPSG:900913”）；
//设置开始中心点和缩放
var lonLat=新OpenLayers.lonLat（2.07632,41.30408）
.变换(
地理，//从WGS 1984转换而来
墨卡托//到球面墨卡托投影
);
var=16；
map.setCenter（lonLat，zoom）；

我认为在将#basicMap添加到页面之前，您的脚本«map»脚本已经过评估。 在

map.php

中，尝试将#basicMap放在前面，脚本标记放在后面