Initial work for annotation layer.

examples/annotations/example.json

@@ -0,0 +1,9 @@
+{
+  "path": "annotations",
+  "title": "Annotation Layer",
+  "exampleCss": ["main.css"],
+  "exampleJs": ["main.js"],
+  "about": {
+    "text": "This example shows how to add annotations, such as marked rectangles, to a map."
+  }
+}

examples/annotations/index.jade

@@ -0,0 +1 @@
+extends ../common/templates/index.jade

examples/annotations/main.js

@@ -0,0 +1,35 @@
+/* globals $, geo, utils */
+
+var annotationDebug = {};
+
+// Run after the DOM loads
+$(function () {
+  'use strict';
+
+  var query = utils.getQuery();
+  var map = geo.map({
+    node: '#map',
+    center: {
+      x: -119.5420833,
+      y: 37.4958333
+    },
+    zoom: 8
+  });
+  if (query.map !== 'false') {
+    if (query.map !== 'satellite') {
+      annotationDebug.mapLayer = map.createLayer('osm');
+    }
+    if (query.map === 'satellite' || query.map === 'dual') {
+      annotationDebug.satelliteLayer = map.createLayer('osm', {url: 'http://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}.png', opacity: query.map === 'dual' ? 0.25 : 1});
+    }
+  }
+  var layer = map.createLayer('annotation', {
+    renderer: query.renderer ? (query.renderer === 'html' ? null : query.renderer) : undefined,
+    features: query.renderer ? undefined : ['polygon']
+  });
+
+  map.draw();
+
+  annotationDebug.map = map;
+  annotationDebug.layer = layer;
+});

src/action.js

@@ -11,7 +11,11 @@ var geo_action = {
   select: 'geo_action_select',
   unzoomselect: 'geo_action_unzoomselect',
   zoom: 'geo_action_zoom',
-  zoomselect: 'geo_action_zoomselect'
+  zoomselect: 'geo_action_zoomselect',
+
+  // annotation actions
+  annotation_polygon: 'geo_annotation_polygon',
+  annotation_rectangle: 'geo_annotation_rectangle'
 };
 
 module.exports = geo_action;