2014-04-19 65 views
0

我试图在网站上显示一个开放的图层地图,但是MVC网站上的地图甚至没有显示缩放按钮。但在地图显示的代码相同的普通记事本上,我无法找到问题所在。有人能帮助我吗?MVC地图中的OpenLayers没有显示

这是我的代码:

<script type="text/javascript"> 
     $(document).ready(function() { 
      init(); 
     }); 

     var map, layer; 
     var fromProjection = new OpenLayers.Projection("EPSG:4326"); // Transform from WGS 1984 
     var toProjection = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection 

     function init() { 
      map = new OpenLayers.Map("map") 

      var osmlayer = new OpenLayers.Layer.OSM("Simple OSM Map"); 
      map.addLayer(osmlayer); 

      var wms = new OpenLayers.Layer.WMS("NASA Global Mosaic", "http://wms.jpl.nasa.gov/wms.cgi", { layers: "modis,global_mosaic" }); 
      map.addLayer(wms); 

      map.addControl(new OpenLayers.Control.LayerSwitcher()); 
      map.setCenter(new OpenLayers.LonLat(14.505787300000065, 35.8760686).transform(fromProjection, toProjection), 9); 
     } 

    </script> 
</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 

<h2>Home</h2> 
    <div id="mainPage"> 
     <div id="map"></div> 
    </div> 
</asp:Content> 

回答

0

的问题可能出在你的页面的渲染。看看在你的浏览器中生成的源代码,带有id =“map”的div可能已经被ASP重命名,并且新的OpenLayers.Map(“map”)不会指向正确的容器对象。