OpenLayers深入浅出（4）----定制绘图点、线、面对象实例

来源：互联网发布：免费视频后期制作软件编辑：程序博客网时间：2024/06/11 23:44
为地图添加绘制点、线、面步骤：1、无可厚非对地图进行操作首先要添加map对象，以后将不再提示默认添加加map对象。2、定义地图服务（在例子中定义了两个图层，一个wms图层，一个是矢量图层vectors）3、定制标绘地图操作对象contros。4、将地图图层添加到map的图层容器中。5、将标绘操作对象添加到map的操作容器中6、将地图缩放到全图范围内。（注意如果不调用这个代码，地图将不显示出来，而且拖动地图时还会报错，务必添加map.zoomToMaxExtent();）7、激活标绘操作对象。controls.activate();到此可以在地图上正常标绘了。注意:如果在标绘的时候如果不希望地图拖动可以调用            controls.handler.stopDown = true;            controls.handler.stopUp = true;  <%@ 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>