首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

创建OpenLayersmap步骤

2013-10-25 
创建OpenLayers地图步骤为地图添加绘制点、线、面步骤:1、无可厚非对地图进行操作首先要添加map对象,以后将不

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

热点排行