OpenLayers系列(1)——入门示例
工具简介
OpenLayers是一个用于开发WebGIS客户端的JavaScript包。OpenLayers 支持的地图来源包括Google Maps、Yahoo、 Map、微软Virtual Earth 等，用户还可以用简单的图片地图作为背景图，与其他的图层在OpenLayers 中进行叠加，在这一方面OpenLayers提供了非常多的选择。除此之外，OpenLayers实现访问地理空间数据的方法都符合行业标准。OpenLayers 支持Open GIS 协会制定的WMS（Web Mapping Service）和WFS（Web Feature Service）等网络服务规范，可以通过远程服务的方式，将以OGC 服务形式发布的地图数据加载到基于浏览器的OpenLayers 客户端中进行显示。OpenLayers采用面向对象方式开发，并使用来自Prototype.js和Rico中的一些组件。
入门示例
做示例很简单，把示例所需的两个文件夹img, theme和文件OpenLayers.js拷贝到同一目录下，如同置于code目录下。
在code目录下新建文件index.html，其内容如下：
<!DOCTYPE html><html lang='en'><head> <meta charset='utf-8' /> <title>My OpenLayers Map</title> <script type='text/javascript' src='OpenLayers.js'></script> <script type='text/javascript'> var map; function init() { map = new OpenLayers.Map('map_element', {}); var wms = new OpenLayers.Layer.WMS( 'OpenLayers WMS', 'http://vmap0.tiles.osgeo.org/wms/vmap0', {layers: 'basic'}, {} ); map.addLayer(wms); if(!map.getCenter()){ map.zoomToMaxExtent(); } } </script></head><body onload='init();'> <div id='map_element' style='width: 500px; height: 500px;'> </div></body></html>保存完成后用浏览器打开index.html，就可以看到示例效果，如下图：
代码解析
要使用该库，其基本步骤大体为：
1. 引用脚本库及相应资源
2. 定义一个用以显示地图信息的页面元素，一般为div元素
3. 定义一个map脚本对象，使用OpenLayers对其初始化，上例中初始化参数分别是地图容器的id以及所需参数信息，其中参数信息是以JSON形式传递的
4.创建一个layer脚本对象并初始化
5.将layer添加到map中，这里可以添加任意多个，此处用一个作示例
6.给你的地图一个域信息
至于各对象参数详细信息，大家查看下载到的apidoc就行了，不再赘述。