diff --git a/examples/clientzoom.html b/examples/clientzoom.html index ba92df08d5..f69f65bd21 100644 --- a/examples/clientzoom.html +++ b/examples/clientzoom.html @@ -15,11 +15,8 @@ bottom: 5px; } #map { - width: 512px; - height: 512px; - } - #docs { - width: 512px; + width: 600px; + height: 400px; } @@ -31,8 +28,8 @@

This example demonstrates the "client zoom" - functionality, where OpenLayers stretches the layer div if the - current resolution isn't supported by that layer's tile server. + functionality, where OpenLayers stretches the layer div when the + resolution is not supported by that layer's tile service.

@@ -42,35 +39,32 @@

- This map is configured with 22 resolutions, while the OSM tile - server supports only the first 19 resolutions. When the zoom - level is 19, 20 or 22 "client zoom" is applied on the OSM - layer, i.e. the OSM layer div is stretched as necessary. + The map of this example is configured with 22 resolutions, while + the OSM tile server supports the first 19 resolutions only. When + the zoom level is 19, 20 or 21 "client zoom" is applied to the OSM + layer, i.e. the OSM layer div is stretched as necessary. The map's + initial zoom is 18. So if you zoom in using the zoom bar's "+" + button you'll effectively trigger "client zoom".

- The map's initial zoom is 18. So if you zoom in using the zoom - bar's "+" button you'll see that "client zoom" is applied. + For demonstration purpose the map of this example has + fractionalZoom set to true. So "client zoom" also + applies if you choose arbitrary zoom levels using the slider of the + zoom bar, or shift-drag boxes to zoom to arbitrary extents. + "client zoom" therefore allows continous zooming for tiled layers.

- The map is even configured with fractionalZoom set - to true. So "client zoom" also applies if you choose arbitrary - zoom levels using the slider of the zoom bar, or shift-drag - boxes to zoom to arbitrary extents. - -

- -

- - Enabling "client zoom" on a layer is done through the - serverResolutions option. See the clientzoom.js source - to see how this is done. + Enabling "client zoom" on a layer is done by passing + serverResolutions to the layer constructor. + serverResolutions is the list of resolutions supported + by the tile service. See the clientzoom.js source.