Openlayers2 Circle

Update Openlayers2 Circle function:


JS:

   Mapmousemove () {
  //1.创建一个圆形矢量图层
      var circleLayer = new OpenLayers.Layer.Vector("Circle Layer");
      //2.设置多边形的中心
      var center = new OpenLayers.Geometry.Point(12607703.179934, 2647965.9307809);
      //3.围绕半径创建多边形圆形:中心，半径，边数（20近似圆形），旋转角度
      var circle = new OpenLayers.Geometry.Polygon.createRegularPolygon(center, 1000, 30);
      //4.添加样式
      var circleStyle = {
        fillColor: "blue",
        fillOpacity: 1,
        strokeColor: "red",
        strokeWidth: 3,
        strokeDashstyle: "solid"
      };
      //5.添加图层
      var addCircle = new OpenLayers.Feature.Vector(circle,
        {
          styleMap: new OpenLayers.StyleMap({ "default": circleStyle })
        }
      );
      // 在Vector图层上添加图元element
      // this.addFeature(circleLayer, addCircle);
      circleLayer.addFeatures([addCircle]);
      this.map.addLayer(circleLayer);
    }

html:
 <div> 几何体：<Button type="info" id="btn03" @click="Mapmousemove($event)">画圆</Button> </div>