创建OpenLayers地图步骤
为地图添加绘制点、线、面步骤：
1、无可厚非对地图进行操作首先要添加map对象，以后将不再提示默认添加加map对象。
2、定义地图服务（在例子中定义了两个图层，一个wms图层，一个是矢量图层vectors）
3、定制标绘地图操作对象contros。
4、将地图图层添加到map的图层容器中。
5、将标绘操作对象添加到map的操作容器中
6、将地图缩放到全图范围内。（注意如果不调用这个代码，地图将不显示出来，而且拖动地图时还会报错，务必添加map.zoomToMaxExtent();）
7、激活标绘操作对象。controls.activate();
到此可以在地图上正常标绘了。
<span style=”color:#FF0000;”>注意:如果在标绘的时候如果不希望地图拖动可以调用
controls.handler.stopDown = true;
controls.handler.stopUp = true;</span>
<%@ page language=”java” contentType=”text/html; charset=UTF-8″
pageEncoding=”UTF-8″%>
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>Insert title here</title>
<link rel=”stylesheet” href=”skin.css” type=”text/css”>
<script src=”../lib/OpenLayers.js”></script>
<script type=”text/javascript”>
var map,vectors,controls;
function init(){
map = new OpenLayers.Map(“map”);
var wms = new OpenLayers.Layer.WMS(“world”,”http://vmap0.tiles.osgeo.org/wms/vmap0?”,{layers:’basic’});
vectors = new OpenLayers.Layer.Vector(“Vector Layer”);
controls = new OpenLayers.Control.DrawFeature(vectors,OpenLayers.Handler.Point);
map.addLayers([wms,vectors]);
map.addControl(controls);
map.zoomToMaxExtent();
controls.activate();
}
</script>
</head>
<body onload=”init()”>
<div id=”map” class=”smallmap”></div>
</body>
</html>
转载自：https://blog.csdn.net/iteye_11116/article/details/82543860
