openlayers/tests/Control/OverviewMap.html

   1 <html>
   2 <head>
   3   <script src="../../lib/OpenLayers.js"></script>
   4   <script type="text/javascript">
   5     var map;
   6     function test_initialize(t) {
   7         t.plan( 2 );
   8
   9         control = new OpenLayers.Control.OverviewMap();
  10         t.ok( control instanceof OpenLayers.Control.OverviewMap, "new OpenLayers.Control.OverviewMap returns object" );
  11         t.eq( control.displayClass,  "olControlOverviewMap", "displayClass is correct" );
  12     }
  13     function test_addControl (t) {
  14         t.plan( 6 );
  15         map = new OpenLayers.Map('map');
  16         control = new OpenLayers.Control.OverviewMap();
  17         t.ok( control instanceof OpenLayers.Control.OverviewMap, "new OpenLayers.Control.OverviewMap returns object" );
  18         t.ok( map instanceof OpenLayers.Map, "new OpenLayers.Map creates map" );
  19         map.addControl(control);
  20         t.ok( control.map === map, "Control.map is set to the map object" );
  21         t.ok( map.controls[4] === control, "map.controls contains control" );
  22         t.eq( parseInt(control.div.style.zIndex), map.Z_INDEX_BASE['Control'] + 5, "Control div zIndexed properly" );
  23         t.eq( parseInt(map.viewPortDiv.lastChild.style.zIndex), map.Z_INDEX_BASE['Control'] + 5, "Viewport div contains control div" );
  24
  25         map.destroy();
  26     }
  27     function test_control_events (t) {
  28         t.plan( 10 );
  29         var evt = {which: 1}; // control expects left-click
  30         map = new OpenLayers.Map('map');
  31         var layer = new OpenLayers.Layer.WMS("Test Layer",
  32             "http://octo.metacarta.com/cgi-bin/mapserv?",
  33             {map: "/mapdata/vmap_wms.map", layers: "basic"});
  34         map.addLayer(layer);
  35
  36         control = new OpenLayers.Control.OverviewMap();
  37         map.addControl(control, new OpenLayers.Pixel(20,20));
  38
  39         var centerLL = new OpenLayers.LonLat(-71,42);
  40         map.setCenter(centerLL, 11);
  41         t.delay_call(1, function() {
  42         var overviewCenter = control.ovmap.getCenter();
  43         var overviewZoom = control.ovmap.getZoom();
  44         t.eq(overviewCenter.lon, -71, "Overviewmap center lon correct");
  45         t.eq(overviewCenter.lat, 42, "Overviewmap center lat correct");
  46         t.eq(overviewZoom, 8, "Overviewmap zoomcorrect");
  47
  48         control.mapDivClick({'xy':new OpenLayers.Pixel(5,5)});
  49         }, 2, function() {
  50         var cent = map.getCenter();
  51         t.eq(cent.lon, -71.3515625, "Clicking on the Overview Map has the correct effect on map lon");
  52         t.eq(cent.lat, 42.17578125, "Clicking on the Overview Map has the correct effect on map lat");
  53
  54         control.handlers.drag = {
  55             last: new OpenLayers.Pixel(5,5),
  56             destroy: function() {}
  57         };
  58         control.rectDrag(new OpenLayers.Pixel(15, 15));
  59         control.updateMapToRect();
  60         }, 2, function() {
  61         var cent = map.getCenter();
  62         t.eq(cent.lon, -71.2734375, "Dragging on the Overview Map has the correct effect on map lon");
  63         t.eq(cent.lat, 42.09765625, "Dragging on the Overview Map has the correct effect on map lat");
  64
  65         map.setCenter(new OpenLayers.LonLat(0,0), 0);
  66         var overviewCenter = control.ovmap.getCenter();
  67         var overviewZoom = control.ovmap.getZoom();
  68         t.eq(overviewCenter.lon, 0, "Overviewmap center lon correct -- second zoom");
  69         t.eq(overviewCenter.lat, 0, "Overviewmap center lat correct -- second zoom");
  70         t.eq(overviewZoom, 0, "Overviewmap zoomcorrect -- second zoom");
  71         map.destroy();
  72         });
  73     }
  74
  75   </script>
  76 </head>
  77 <body>
  78     <div id="map" style="width: 1024px; height: 512px;"/>
  79 </body>
  80 </html>