Time for Action – adding controls to a map

There are tons of other controls that OpenLayers provides that aren't passed in by default but are still very useful. Let's take a look at some of them and how to add them to our map. After we cover how to do this, we'll go over each Control class in more detail.

1. What we'll do now is create an array of control objects that we'll pass in when creating our map object. Let's create a NavigationControl object first. This way, we'll be able to reference the control anywhere in our code easily. Next, we'll create a JavaScript array that will contain the navigation_control object we created; along with four other control objects we'll immediately instantiate. So, the first thing we'll need to do inside our init() function is to create an array of control objects:

   var navigation_control = new OpenLayers.Control.Navigation({});
   var controls_array = [
     navigation_control,
     new OpenLayers.Control.PanZoomBar({}),
     new OpenLayers.Control.LayerSwitcher({}),...