diff options
Diffstat (limited to 'misc/openlayers/examples/setextent.html')
| -rw-r--r-- | misc/openlayers/examples/setextent.html | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/misc/openlayers/examples/setextent.html b/misc/openlayers/examples/setextent.html new file mode 100644 index 0000000..5cf5685 --- /dev/null +++ b/misc/openlayers/examples/setextent.html @@ -0,0 +1,39 @@ +<html> +<head> + <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> + <meta name="apple-mobile-web-app-capable" content="yes"> +<title>Setting a visual Extent</title> +<link rel="stylesheet" href="../theme/default/style.css" type="text/css"> + <link rel="stylesheet" href="style.css" type="text/css"> +<script src="../lib/OpenLayers.js"></script> +</head> +<body> +<h1 id="title">Setting a Visual Extent</h1> +<div id="tags"> + boxes, box, marker +</div> +<p id='shortdesc'> + Use a boxes layer to visually display the area of interest indicated by a user. +</p> +<p> + Because the ability to set the map to a given extent is limited by the + current resolutions available, zoomToExtent will not always set the map to + exactly the right extent. In order to visually annotate the actual extent, + this example, will use the Boxes layer to visually describe the desired + extent as well as setting the map extent. +</p> + <div style="width:100%; height:75%" id="map"></div> + <script defer="defer" type="text/javascript"> + var map = new OpenLayers.Map('map'); + var bounds = new OpenLayers.Bounds(-45,-45, 0, 45); + var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", + "http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} ); + map.addLayer(wms); + map.zoomToExtent(bounds); + var boxes = new OpenLayers.Layer.Boxes("boxes"); + var box = new OpenLayers.Marker.Box(bounds); + boxes.addMarker(box); + map.addLayer(boxes); + </script> +</body> +</html> |