本章节主要介绍一些基础知识和以及怎么应用OpenLayers建立一个自己的电子地图应该程序。
openlayers是一个非常大而复杂的框架，同时它也是非常强大和灵活的。
在OpenLayers一个主要的概念就是Map，Map可以包含一些图层，这些图层可以是矢量的也可以使栅格的
每个图层的数据源可以是图片，也可以是kml文件等。当然Map也包含一些控件，主要是交互所用的
比如 平移 缩放，要素的选择等等。
现在我们开始学习OpenLayers的使用。、
1.创建一个简单的电子地图应用
你要创建一个电子地图应用，首先要创建一个地图。本教程将引导你创建一个简单的电子地图应用。
当然一些必要的基础知识是需要的，比如 HTML，CSS ，Javascript 等是要学习的
OpenLayers是主要是通过HTML和Javascript编写的，所以我们得有一个编辑器，这个就很多了
这里我们使用EditPlus ，当然你可以选择更好的一些编辑器，他们会高亮显示语法和自动提示功能。
2.我们首先下载openlayers的源码。下载地址http://www.openlayers.org/download/OpenLayers-2.12.zip
解压后里面有很多内容。其实我们只需要拷贝目录下的OpenLayer.js、根目录下的lib目录、根目录下的img目录 theme目录 到你网站的olapi目录下。
当然你也可以是使用OpenLayers中文官方站的api http://www.openlayers.cn/olapi/OpenLayers.js
3.下面创建一个 空的index.html文件
包含以下的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>创建一个简单的电子地图</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<!-- 加载OpenLayers类库 -->
<script src="http://www.whatled.com/ol2/openlayers/OpenLayers.js"></script>
<style type="text/css">
html,body{width: 100%; height: 100%; margin: 0; padding: 0;}
</style>
<!-- 关键代码在这里了 -->
<script type="text/javascript">
function init(){
// 使用指定的文档元素创建地图
var map = new OpenLayers.Map("rcp1_map");
// 创建一个OpenStreeMap raster layer
// 把这个地图增加到map中
var osm = new OpenLayers.Layer.OSM();
map.addLayer(osm);
// 设定视图缩放地图程度为最大
map.zoomToMaxExtent();
}
</script>
</head>
<body onload="init()">
<div id="rcp1_map" style="width: 100%; height: 100%;"></div>
</body>
</html>
在线演示地址如下：http://www.whatled.com/ol2/gis_demo1.html
转自http://www.openlayers.cn/portal.php?mod=view&aid=19
