From bae2fa59edcb4a50309cd6169026017b09e29b9e Mon Sep 17 00:00:00 2001
From: Tim Schaub <tim.schaub@gmail.com>
Date: Tue, 5 Jan 2010 22:13:29 +0000
Subject: [PATCH] Document rotation property for point symbolizers.

git-svn-id: http://svn.openlayers.org/trunk/openlayers@9932 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
---
 examples/styles-rotation.html    | 25 +++++++++++++------------
 lib/OpenLayers/Feature/Vector.js |  1 +
 2 files changed, 14 insertions(+), 12 deletions(-)
diff --git a/examples/styles-rotation.html b/examples/styles-rotation.html
index 5d48ad7dcf..6a5ecd5c22 100644
--- a/examples/styles-rotation.html
+++ b/examples/styles-rotation.html
@@ -1,13 +1,8 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <title>OpenLayers Styles Rotation Example</title>
-    <style type="text/css">
-        #map {
-            width: 800px;
-            height: 475px;
-            border: 1px solid black;
-        }
-    </style>
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <link rel="stylesheet" href="style.css" type="text/css" />
     <script src="../lib/OpenLayers.js" type="text/javascript"></script>
     <script type="text/javascript">
         
@@ -76,10 +71,16 @@
   </head>
   <body onload="init()">
     <h1 id="title">Rotation Style Example</h1>
-    <p id="shortdesc">To style point features with rotation, use the rotation
-    property of the symbolizer. The center of the rotation is the point of the
-    image specified by graphicXOffset and graphicYOffset.</p>
-    <div id="map"></div>
-    <div id="docs"/>
+    <p id="shortdesc">
+        Use the rotation property of a point symbolizer to rotate
+        point symbolizers.
+    </p>
+    <div id="map" class="smallmap"></div>
+    <div id="docs">
+        To style point features with rotation, use the rotation property of the
+        symbolizer. The center of the rotation is the point of the image
+        specified by graphicXOffset and graphicYOffset. The rotation is
+        specified in degrees clockwise.
+    </div>
   </body>
 </html>
diff --git a/lib/OpenLayers/Feature/Vector.js b/lib/OpenLayers/Feature/Vector.js
index a5f8d56ba5..74bd03e708 100644
--- a/lib/OpenLayers/Feature/Vector.js
+++ b/lib/OpenLayers/Feature/Vector.js
@@ -339,6 +339,7 @@ OpenLayers.Feature.Vector = OpenLayers.Class(OpenLayers.Feature, {
  * graphicOpacity - {Number} Opacity (0-1) for an external graphic.
  * graphicXOffset - {Number} Pixel offset along the positive x axis for displacing an external graphic.
  * graphicYOffset - {Number} Pixel offset along the positive y axis for displacing an external graphic.
+ * rotation - {Number} For point symbolizers, this is the rotation of a graphic in the clockwise direction about its center point (or any point off center as specified by graphicXOffset and graphicYOffset).
  * graphicZIndex - {Number} The integer z-index value to use in rendering.
  * graphicName - {String} Named graphic to use when rendering points.  Supported values include "circle" (default),
  *     "square", "star", "x", "cross", "triangle".
