Book Image

OpenLayers 2.10 Beginner's Guide

Book Image

OpenLayers 2.10 Beginner's Guide

Overview of this book

Table of Contents (18 chapters)
OpenLayers 2.10
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Time for Action – creating a map with no controls


Without controls, our map will not be interactive. This is sometimes exactly what you want, such as when displaying a map on a printer friendly page.

  1. First, we'll need to create our map object and pass in an empty array to the controls property:

    map = new OpenLayers.Map('map_element', {
      controls: []
    });
  2. Now, no controls will be added to the map unless you manually call addControl or addControls. Let's create and add a WMS layer to our map:

    var wms_layer = new OpenLayers.Layer.WMS(
      'WMS Layer Title',
      'http://vmap0.tiles.osgeo.org/wms/vmap0',
      {layers: 'basic'},
      {}
    );
    map.addLayer(wms_layer);
  3. Make sure you also set the extent—as stated in previous chapters, this step will be implied in all future examples:

    if(!map.getCenter()){
      map.zoomToMaxExtent();
    }
  4. Open up the page. You should see a map with no controls, and you won't be able to pan around or zoom in since the map has no controls, as shown below:

What Just Happened?

We just created...