[OpenLayers-Commits] r3137 - sandbox/emanuel/animatedZooming
commits at openlayers.org
commits at openlayers.org
Mon May 7 03:00:30 EDT 2007
Author: emanuel
Date: 2007-05-07 03:00:29 -0400 (Mon, 07 May 2007)
New Revision: 3137
Added:
sandbox/emanuel/animatedZooming/demo_bavaria.html
sandbox/emanuel/animatedZooming/demo_grass.html
Log:
watermarking examples
Added: sandbox/emanuel/animatedZooming/demo_bavaria.html
===================================================================
--- sandbox/emanuel/animatedZooming/demo_bavaria.html (rev 0)
+++ sandbox/emanuel/animatedZooming/demo_bavaria.html 2007-05-07 07:00:29 UTC (rev 3137)
@@ -0,0 +1,79 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+
+ <title>Animated Zooming Demo</title>
+ <link rel="stylesheet" href="http://openlayers.org/website.css" type="text/css" />
+ <style type="text/css">
+ #map {
+ width: 99%;
+ height: 511px;
+ border: 1px solid black;
+ margin-right: 50px;
+
+ }
+ </style>
+
+
+ <script src="./lib/OpenLayers.js"></script>
+ <script type="text/javascript">
+ <!--
+ function init() {
+
+ var options31467 = {
+ //maxResolution: 70 ,
+ numZoomLevels: 5,
+ maxExtent: new OpenLayers.Bounds(4280000,5220000,4640000,5610000),
+ projection:"EPSG:31464",
+ controls: [new OpenLayers.Control.MouseDefaults()]
+ };
+ var map = new OpenLayers.Map('map', options31467);
+
+ // bayern wms
+ var lgn31467 = new OpenLayers.Layer.WMS(
+ "Bavaria, Germany (WMS)",
+ "http://www.geodaten.bayern.de/ogc/getogc.cgi",
+ {
+ layers: 'DOP',
+ format: 'image/png'}
+ );
+
+
+ //add all layers
+ map.addLayers([lgn31467]);
+
+ //add controls
+ map.addControl(new OpenLayers.Control.PanZoomBar());
+ map.addControl( new OpenLayers.Control.LayerSwitcher() );
+ map.addControl(new OpenLayers.Control.KeyboardDefaults());
+ map.addControl(new OpenLayers.Control.OverviewMap());
+
+ //set center and zoomlevel
+ if (!map.getCenter())
+ map.zoomToMaxExtent();
+ }
+ // -->
+ </script>
+ </head>
+
+
+ <body onload="init()" >
+ <div id="olbanner" style="height: 80px;">
+ <img class="openlayersbannerimg"
+ src="http://www.openlayers.org/images/OpenLayers.trac.png"
+ style="height: 44px; width: 49px;border:0px"
+ alt="OpenLayers" />
+ <a class="penlayersbanner" >OpenLayers</a><br>
+ <h3 style="font-weight: normal; font-size: 0.4em; margin: 0 0 0 75;">
+ Demo with animated zooming and panning</h3>
+ </div>
+ <div id="mainnav" class="nav" style="font-weight: normal;text-align:right; padding-right:1%;" >
+ <small> </small>
+ </div>
+
+ <div id="map"></div>
+
+ <small style="margin: 0 0 0 12;">animated zooming feature by <a href="mailto:emanuel(at)intevation.de"> Emanuel Schütze</a>, <a target="_blank" href="http://intevation.org">Intevation GmbH</a></small>
+
+ </body>
+
+</html>
Added: sandbox/emanuel/animatedZooming/demo_grass.html
===================================================================
--- sandbox/emanuel/animatedZooming/demo_grass.html (rev 0)
+++ sandbox/emanuel/animatedZooming/demo_grass.html 2007-05-07 07:00:29 UTC (rev 3137)
@@ -0,0 +1,72 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+
+ <title>Animated Zooming Demo</title>
+ <link rel="stylesheet" href="http://openlayers.org/website.css" type="text/css" />
+ <style type="text/css">
+ #map {
+ width: 99%;
+ height: 512px;
+ border: 1px solid black;
+ margin-right: 50px;
+ }
+ </style>
+
+
+ <script src="./lib/OpenLayers.js"></script>
+ <script type="text/javascript">
+ <!--
+ function init(){
+
+
+
+
+ var map = new OpenLayers.Map('map',
+ {controls: [],
+ 'maxResolution': 1.40625,
+ tileSize: new OpenLayers.Size(256,256)});
+
+ map.addControl(new OpenLayers.Control.PanZoomBar());
+ map.addControl(new OpenLayers.Control.MouseDefaults());
+ map.addControl(new OpenLayers.Control.KeyboardDefaults());
+ map.addControl(new OpenLayers.Control.LayerSwitcher({'ascending':false}));
+ map.addControl(new OpenLayers.Control.OverviewMap());
+
+ var grass_wms = new OpenLayers.Layer.WMS(
+ "GRASS usermap (WMS)",
+ "http://mapserver.gdf-hannover.de/cgi-bin/grassuserwms",
+ {layers: 'GRASS_USERMAP',transparent: "true", format: "image/png"} );
+
+ var ol_wms = new OpenLayers.Layer.WMS(
+ "OpenLayers (WMS)",
+ "http://labs.metacarta.com/wms/vmap0",
+ {layers: 'basic'} );
+
+
+ map.addLayers([ol_wms, grass_wms]);
+
+ if (!map.getCenter())
+ map.zoomToMaxExtent();
+ }
+ // -->
+ </script>
+ </head>
+ <body onload="init()" >
+ <div id="olbanner" style="height: 80px;">
+ <img class="openlayersbannerimg"
+ src="http://www.openlayers.org/images/OpenLayers.trac.png"
+ style="height: 44px; width: 49px;border:0px"
+ alt="OpenLayers" />
+ <a class="penlayersbanner" >OpenLayers</a><br>
+ <h3 style="font-weight: normal; font-size: 0.4em; margin: 0 0 0 75;">
+ Demo with animated zooming and panning</h3>
+ </div>
+ <div id="mainnav" class="nav"><small> </small>
+</div>
+
+ <div id="map"></div>
+
+ <small style="text-align: right; color:#000000; font-weight: normal; margin: 0 0 0 12;">animated zooming feature by <a href="mailto:emanuel(at)intevation.de"> Emanuel Schütze</a>, <a target="_blank" href="http://intevation.org">Intevation GmbH</a></small>
+
+ </body>
+</html>
More information about the Commits
mailing list