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

最新推荐文章于 2024-03-07 17:32:36 发布

崇尚自由的男人

最新推荐文章于 2024-03-07 17:32:36 发布

阅读量1w

点赞数 3

分类专栏： JavaScript OpenLayers 文章标签： stylesheet vector html basic class layer

本文链接：https://blog.csdn.net/wozaifeiyang0/article/details/6893986

版权

JavaScript 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

OpenLayers

5 篇文章 0 订阅

订阅专栏

为地图添加绘制点、线、面步骤：
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 οnlοad="init()">
	<div id="map" class="smallmap"></div>
</body>
</html>

崇尚自由的男人

关注

3
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
OpenLayers深入浅出（4）----定制绘图点、线、面对象实例

为地图添加绘制点、线、面步骤：1、无可厚非对地图进行操作首先要添加map对象，以后将不再提示默认添加加map对象。2、定义地图服务（在例子中定义了两个图层，一个wms图层，一个是矢量图层vectors）3、定制标绘地图操作对象contros。4、将地图图层添加到map的图层容器中。5、将标绘操作对象添加到map的操作容器中6、将地图缩放到全图范围内。（注意如果不调用这个代码，地图将不显
复制链接

扫一扫