在OpenLayers中绘制一个具有已定义直径的圆

Question

我试图编写一个代码，让我的用户在地图上定义一些点，一旦他们创建了一个点，程序就应该在该点周围绘制一个定义直径（以千米或......为单位）的圆圈。

我可以说明一点，但我不知道如何处理我说的话。

这是一个关于我想要的例子：

Answer 1

使用以下函数在点周围创建圆点。

//pass the 
//@pointX, 
//@pointY, 
//@radius of circle (in your case diameter/2)
//@pointsToFind this is how detail you want the circle to be (360 if you want one point for each rad)

function createCirclePointCoords(circleCenterX,circleCenterY,circleRadius,pointsToFind){
      var angleToAdd = 360/pointsToFind;
      var coords = [];  
      var angle = 0;
        for (var i=0;i<pointsToFind;i++){
        angle = angle+angleToAdd;
            console.log(angle);
        var coordX = circleCenterX + circleRadius * Math.cos(angle*Math.PI/180);
        var coordY = circleCenterY + circleRadius * Math.sin(angle*Math.PI/180);
            coords.push([coordX,coordY]);
        }

    return coords;
    }

然后从函数

返回的坐标中创建一个多边形

var circleCoords = createCirclePointCoords(0,0,1000,360);
var geom = new ol.geom.Polygon([
circleCoords
])