diff --git a/examples/animation.html b/examples/animation.html index 352d8afa9d..ef3e24484e 100644 --- a/examples/animation.html +++ b/examples/animation.html @@ -50,7 +50,7 @@
Example animations.
+Demonstrates animated pan, zoom, and rotation.
See the animation.js source to see how this is done.
Bind an HTML input to an ol object.
+Demonstrates two-way binding of HTML input elements to OpenLayers objects.
See the bind-input.js source to see how this is done.
The black grid tiles are generated on the client with an HTML5 canvas. Note that the tile coordinates are ol3 normalized tile coordinates (origin bottom left), not OSM tile coordinates (origin top left).
+Renders tiles with coordinates for debugging.
The black grid tiles are generated on the client with an HTML5 canvas. Note that the tile coordinates are ol3 normalized tile coordinates (origin bottom left), not OSM tile coordinates (origin top left).
See the canvas-tiles.js source to see how this is done.
Shift + Drag to rotate and zoom the map around its center.
A single interaction to drag, rotate, and zoom.
Shift + Drag to rotate and zoom the map around its center.
See the drag-rotate-and-zoom.js source to see how this is done.
Example of drag rotate and zoom control with full screen effect. Hold down Shift + drag to rotate and zoom. Click the button in the top right corner to go full screen. Then do the Shift + drag thing again.
If there is no button on the map, your browser does not support the Full Screen API.
+Example of drag rotate and zoom control with full screen effect.
Hold down Shift + drag to rotate and zoom. Click the button in the top right corner to go full screen. Then do the Shift + drag thing again.
If there is no button on the map, your browser does not support the Full Screen API.
See the full-screen-drag-rotate-and-zoom.js source to see how this is done.
Example of a full screen control. Click the control in the top right corner to go full screen. Click it again to exit full screen.
-If there is no button on the map, your browser does not support the Full Screen API.
+Example of a full screen control.
Click the control in the top right corner to go full screen. Click it again to exit full screen.
+If there is no button on the map, your browser does not support the Full Screen API.
See the full-screen.js source to see how this is done.
Demonstrates overlays. The popups are created using - Popovers from Bootstrap.
+Demonstrates overlays.
The popups are created using + Popovers from Bootstrap.
See the overlay.js source to see how this is done.
Example of tile preloading. Low resolution tiles for the map are preloaded, the map on the right does not use any preloading. Try zooming out and panning to see the difference.
+Example of tile preloading.
Low resolution tiles for the map are preloaded, the map on the right does not use any preloading. Try zooming out and panning to see the difference.
See the preload.js source to see how this is done.
Example of a rotated map. Use Alt+Shift+drag to rotate the map.
Example of a rotated map.
Use Alt+Shift+drag to rotate the map.
See the rotation.js source to see how this is done.
Example of two single image WMS layers (Pixelmap 1:1'000'000 and national parks) using the projection EPSG:21781.
+Example of two single image WMS layers.
Pixelmap 1:1'000'000 with National Parks overlay using the projection EPSG:21781.
See the wms-single-image-custom-proj.js source to see how this is done.