Question

我正在使用下面给出的代码来演示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>

map.php

<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>

Answer 1

我认为在将#basicMap添加到页面之前会评估您的脚本«map»脚本。在map.php中，尝试将#basicMap放在第一位，将脚本标记放在。{/ p>之后

OpenLayers + Ajax：错误或错误

1 个答案: