Files
openlayers/examples/transition.html
crschmidt efb925d632 Commit fixes for:
* (Closes #2360) make Layer.addOptions call initResolutions if necessary
 * (Closes #2656) no way to pass read options from protocol to format
 * (Closes #2751) Changes in languages: "es" and "ca".
 * (Closes #2814) SLDSelect control tests failing
 * (Closes #2815) Cluster Strategy should not destroy all features

Also:
 * Change examples to use OSGeo, rather than MetaCarta, servers.
 * Change copyright statements to correctly state joint copyright
   in the project, rather than MetaCarta copyright.


git-svn-id: http://svn.openlayers.org/branches/openlayers/2.10@10715 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
2010-09-02 21:43:25 +00:00

64 lines
2.6 KiB
HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>OpenLayers Transitions Example</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<script src="../lib/OpenLayers.js"></script>
<script type="text/javascript">
var map;
function init(){
map = new OpenLayers.Map('mapDiv', {maxResolution: 'auto'});
var single_default_effect = new OpenLayers.Layer.WMS(
"WMS untiled default",
"http://vmap0.tiles.osgeo.org/wms/vmap0?",
{layers: 'basic'},
{singleTile: true}
);
var single_resize_effect = new OpenLayers.Layer.WMS(
"WMS untiled resize",
"http://vmap0.tiles.osgeo.org/wms/vmap0?",
{layers: 'basic'},
{singleTile: true, transitionEffect: 'resize'}
);
var tiled_default_effect = new OpenLayers.Layer.WMS(
"WMS tiled default ",
"http://vmap0.tiles.osgeo.org/wms/vmap0?",
{layers: 'basic'}
);
var tiled_resize_effect = new OpenLayers.Layer.WMS(
"WMS tiled resize",
"http://vmap0.tiles.osgeo.org/wms/vmap0?",
{layers: 'basic'},
{transitionEffect: 'resize'}
);
map.addLayers([single_default_effect, single_resize_effect,
tiled_default_effect, tiled_resize_effect]);
map.addControl(new OpenLayers.Control.LayerSwitcher());
map.setCenter(new OpenLayers.LonLat(6.5, 40.5), 4);
}
</script>
</head>
<body onload="init()">
<h1 id="title">Transition Example</h1>
<p id="shortdesc">
Demonstrates the use of transition effects in tiled and untiled layers.
</p>
<div id="mapDiv" class="smallmap"></div>
<div id="docs">
There are two transitions that are currently implemented: null (the
default) and 'resize'. The default transition effect is used when no
transition is specified and is implemented as no transition effect except
for panning singleTile layers. The 'resize' effect resamples the current
tile and displays it stretched or compressed until the new tile is available.
<ul>
<li>The first layer is an untiled WMS layer with no transition effect.</li>
<li>The second layer is an untiled WMS layer with a 'resize' effect. </li>
<li>The third layer is a tiled WMS layer with no transition effect. </li>
<li>The fourth layer is a tiled WMS layer with a 'resize' effect. </li>
</ul>
</div>
</body>
</body>
</html>