Time For Actions – working with more events

In this example, we'll examine the events related to adding features to the map. We'll look at the feature added event type, which gets triggered when a feature is added to the map (either programmatically or by a user), as well as sketch events which can be triggered by the EditingToolbar control.

1. Open up the first example from this chapter. Again, we'll use Firebug.

2. This time, we'll demonstrate the featureadded, sketchstarted, and sketchcomplete events. Let's create three appropriate listener functions:

   function feature_added(feature){ console.log('feature added', feature); };
   function sketch_start(feature){ console.log( 'sketch started:', feature); };
   function sketch_complete(feature){ console.log( 'sketch done:', feature); };

3. Now, register the feature added event:

   map.layers[1].events.register('featureadded', this, feature_added);

4. Take a look at the map and add a feature. You should see a message after adding a point or after adding a polygon /...