javascript - OpenLayers - 绘制具有精确点数的多边形

Question

我有一个用户界面，我让用户能够在地图上绘制一个区域，我希望他用正好 4 个点绘制一个多边形，我该怎么做？

Answer 1

这是在此示例中完成的

他们用来画弓的代码是：

var boxLayer = new OpenLayers.Layer.Vector("Box layer");

            map.addLayer(boxLayer);


            drawControls = {
                box: new OpenLayers.Control.DrawFeature(boxLayer,
                    OpenLayers.Handler.RegularPolygon, {
                        handlerOptions: {
                            sides: 4,
                            irregular: true
                        }
                    }
}

Answer 2

使用多边形处理程序：

在地图上绘制多边形的处理程序。多边形在鼠标向下时显示，在鼠标移动时移动，在鼠标向上时完成。

要限制为 4 个点，请使用边属性：

边 {Integer} 正多边形的边数。