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 – creating a Vector Layer

Let's begin by creating a basic vector layer. In this example, after you add some points and other feature types to your vector layer, try to zoom in. You'll notice that the points you added don't lose quality as you zoom in. We'll go over how it works afterwards.

  1. We'll start off by using a basic WMS layer:
    var wms_layer = new OpenLayers.Layer.WMS( 
                'OpenLayers WMS', 
                'http://vmap0.tiles.osgeo.org/wms/vmap0', 
                {layers: 'basic'}, 
                {} 
            );
  2. Now, let's create the vector layer itself. We'll use the default projection and default values for the vector layer, so to create the layer all we need to do is create it:
    var vector_layer = new OpenLayers.Layer.Vector('Basic Vector Layer')
  3. Add the layers to the map now:
    map.addLayers([wms_layer, ...

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