title: Openlayers circle Polygon on OpenStreetMaps layer
body: <p>I'm trying to create a circle with a defined center and put an icon marker on it. The code is working if I use images instead of OpenLayers.Geometry.Polygon.createRegularPolygon. I wasn't able to solve it. </p>
  
  <p>here you find my code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;OpenLayers Example&lt;/title&gt;
  &lt;script src="http://www.openlayers.org/api/OpenLayers.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id="mapdiv"&gt;&lt;/div&gt;
  &lt;script&gt;
  
  map = new OpenLayers.Map("mapdiv");
  map.addLayer(new OpenLayers.Layer.OSM());
  
  epsg4326 =  new OpenLayers.Projection("EPSG:4326"); //WGS 1984 projection
  projectTo = map.getProjectionObject(); //The map projection (Spherical Mercator)
  
  var lonLat = new OpenLayers.LonLat( -0.1279688 ,51.5077286 ).transform(epsg4326,     projectTo);
  
  var zoom=6;
  map.setCenter (lonLat, zoom);
  
  var mycircle = OpenLayers.Geometry.Polygon.createRegularPolygon(
                 new OpenLayers.Geometry.Point( lonLat ),
                 1,
                 30
             );
  
  var featurecircle = new OpenLayers.Feature.Vector(mycircle);
  
  
  var vectorLayer = new OpenLayers.Layer.Vector("Overlay");
  
  // Define markers as "features" of the vector layer:
  vectorLayer.addFeatures(featurecircle);
  
  var feature = new OpenLayers.Feature.Vector(
  new OpenLayers.Geometry.Point( -0.1244324, 51.5006728  ).transform(epsg4326, projectTo),
          {description:'info'} ,
          {externalGraphic: 'img/marker.png', graphicHeight: 25, graphicWidth: 21,      graphicXOffset:-12, graphicYOffset:-25  }
      );    
  vectorLayer.addFeatures(feature);
  
  
  map.addLayer(vectorLayer);
  
  
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thanks in advance for any tips.</p>