O'Reilly logo

OpenLayers 2.10 by Erik Hazzard

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Time for Action – using the NavigationHistory control

Let's use the NavigationHistory control's nextTrigger and previousTrigger methods to go through our navigation history.

  1. Open up the previous examples and enable Firebug. We're going to create a NavigationHistory control object and add it to the map via the console. Enter and run the following code:
    var nav_history_control = new OpenLayers.Control.NavigationHistory();
    map.addControl(nav_history_control);
  2. Pan and zoom around the map. Each time you update the map, the NavigationHistory control stores information about your actions. Then, in Firebug, issue the following command:
    nav_history_control.previousTrigger();
  3. You should see the map return to the previous zoom level and coordinate. Now, let's ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required