Question

我正在尝试使用OpenLayers创建一个地图，它使用png图像作为基础层，但我遇到了一些麻烦。我对OpenLayers不太熟悉，因为我今天才遇到它，并认为它可以证明它是一个强大的工具。

到目前为止，我刚刚使用了教程中的代码，并将基础层从WMS格式更改为图像格式，但它仍然没有在网页上显示地图。

您可以在此处查看网页：http://getontinternet.com/fyp/test.html

<!DOCTYPE html>
<html>
  <head>
    <title>OpenLayers Tutorial - Basic Map Setup</title>
    <script src="http://openlayers.org/api/OpenLayers.js"></script>
    <script type="text/javascript">
        var map, baseLayer;
        function init(){
            map = new OpenLayers.Map('map');            
            baseLayer = new OpenLayers.Layer.Image("College Lane","http://getontinternet.com/fyp/college-lane.png", 
            new OpenLayers.Bounds(-650, -650, 650, 650),
            new OpenLayers.Size(1300,1300), options);
            map.addLayer(baseLayer);
            map.setCenter(new OpenLayers.LonLat(0,0),1); 

            map.addControl(new OpenLayers.Control.LayerSwitcher());
            map.zoomToMaxExtent();
            map.addControl(new OpenLayers.Control.MousePosition());            
        }
    </script>

    <style>
    @media screen
    {
        #map{width: 1300px; height:1300px; border: 1px solid black;}
    }
    </style>
  </head>
  <body onload="init()">
    <h3>OpenLayers Tutorial - Basic Map Setup</h3>
    <div id="map"></div>
  </body>
</html>

OpenLayers基础层未在我的网页上显示

0 个答案: