介绍

osgeo.org
OpenLayers是开源地理空间基金会OSGeo下的一个项目，免费且开源的js库，支持OGC的标准和规范，如WMS、WFS等，开发者可以在其官网（http://www.openlayers.org/）上下载到最新的开发包（时下最新版本为v2.10），应用到实际项目中，快速构建WebGIS项目，OpenLayers还支持其它第三方地图服务厂商，如Google、Virtual Earth、Yahoo、ESRI等，从而实现地理信息的集成、共享与应用。

入门示例


   
   
    

    
    
  1. <html> 
    2. 

    
    
  2. <head> 
    3. 

    
    
  3. <title>我的OpenLayers入门程序</title> 
    4. 

    
    
  4. <META  charset="utf-8"> 
    5. 

    
    
  5. <script src="http://www.openlayers.org/api/OpenLayers.js"></script> 
    6. 

    
    
  6. <script type=text/javascript> 
    7. 

    
    
  7. (function(){ 
    8. 

    
    
  8.     var map, layer; 
    9. 

    
    
  9.     var lon = 105.9960, lat = 36.8701, zoom = 3; 
    10. 

    
    
  10.     window.init=function(){ 
    11. 

    
    
  11.         map = new OpenLayers.Map('divMap'); 
    12. 

    
    
  12.         layer = new OpenLayers.Layer.WMS("OpenLayers WMS", 
    13. 

    
    
  13.                 "http://labs.metacarta.com/wms/vmap0",  
    14. 

    
    
  14.                 { layers: 'basic' }); 
    15. 

    
    
  15.         map.addLayer(layer); 
    16. 

    
    
  16.         map.setCenter(new OpenLayers.LonLat(lon, lat), zoom); 
    17. 

    
    
  17.         map.addControl(new OpenLayers.Control.LayerSwitcher()); 
    18. 

    
    
  18.         map.addControl(new OpenLayers.Control.MousePosition()); 
    19. 

    
    
  19.     }; 
    20. 

    
    
  20. })(); 
    21. 

    
    
  21. </script> 
    22. 

    
    
  22. </head> 
    23. 

    
    
  23. <body onload="init()"> 
    24. 

    
    
  24.   <div id="divMap" style="height: 400px; width:600px; border:solid 1px gray"></div> 
    25. 

    
    
  25. </body> 
    26. 

    
    
  26. </html> 
    27.

P.S. 使用过ESRI的rest风格的地图服务的同志，结合个人前面的博文《Google Maps JSAPI V3入门》中的示例可以看出，在OpenLayers和Google Map中指定图层名是能过option设置来完成，比ESRI的rest风格的地图服务使用起来稍多麻烦点，不过习惯就OK了。