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, vector_layer]);
   

4. If we looked at the map now, we would just see a simple map—our vector layer does not have any data loaded into it, nor do we have any controls to let us add...