A nice overviewmap example. Shows how to use a different baselayer for the

OverviewMap, as well as how to set the min/max ratio to something different. Thanks penyaskito! (Closes #413 ... with a vengence!) git-svn-id: http://svn.openlayers.org/trunk/openlayers@1914 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
2006-11-19 13:26:24 +00:00
parent e1d715fc94
commit 71bcdb9b7c
1 changed files with 47 additions and 0 deletions
--- a/examples/overviewmap.html
+++ b/examples/overviewmap.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>Overview Map Example</title>
+<script src="../lib/OpenLayers.js" type="text/javascript"></script>
+<style>
+#map{
+	width:100%; 
+	height:500px;
+	border:1px solid;
+}
+</style>
+</head>
+<body>
+  <div id="map"></div>
+  <script defer="defer" type="text/javascript">
+    var map = new OpenLayers.Map('map');
+	// my city
+	var constantina = new OpenLayers.LonLat(-5.6165,37.8623);
+    var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+        "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+    var nasa_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic", 
+        "http://wms.jpl.nasa.gov/wms.cgi", {layers: "modis,global_mosaic"} );
+
+    map.addLayers([	
+		nasa_wms,
+		wms
+	]);
+	
+	map.addControl(new OpenLayers.Control.LayerSwitcher());
+	
+	var options = {
+      layers: [wms.clone()],
+      minRatio: 8,
+      maxRatio: 128
+    };
+	var overview = new OpenLayers.Control.OverviewMap(options);
+		
+	map.addControl(overview);
+	
+	map.setCenter(constantina, 4);
+	
+	overview.maximizeControl();	
+  </script>
+</body>
+</html>