创建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>