如何使用Bing Maps Ajax控件6.3绘制圆

Question

我一直在寻找解决方案，但一直没有成功，我想做的是通过指定半径和中心，在地图上画一个圆。Bing Maps Ajax Control 6.3中关于形状的文档不包括圆。有办法在地图上画圆圈吗？

如有任何帮助，我们将不胜感激。

Answer 1

您应该查看Mike Garza的博客（Garzilla），该博客围绕您的需求创建了非常有趣的示例：http://www.garzilla.net/vemaps/CircleDragHandle.aspx

以下是生成圆位置的示例代码：

function buildCircle(latin, lonin, radius) {
    var locs = new Array();
    var lat1 = latin * Math.PI / 180.0;
    var lon1 = lonin * Math.PI / 180.0;
    var d = radius / 3956;
    var x;
    for (x = 0; x <= 360; x+=10) {
        var tc = (x / 90) * Math.PI / 2;
        var lat = Math.asin(Math.sin(lat1) * Math.cos(d) + Math.cos(lat1) * Math.sin(d) * Math.cos(tc));
        lat = 180.0 * lat / Math.PI;
        var lon;
        if (Math.cos(lat1) == 0) {
            lon = lonin; // endpoint a pole 
        }
        else {
            lon = ((lon1 - Math.asin(Math.sin(tc) * Math.sin(d) / Math.cos(lat1)) + Math.PI) % (2 * Math.PI)) - Math.PI;
        }
        lon = 180.0 * lon / Math.PI;
        var loc = new VELatLong(lat, lon);
        locs.push(loc);
    }
    return locs;
}

这里的代码将它添加到地图上，并使用以前的方法：

//Build circle        
circle = new VEShape(VEShapeType.Polygon, circlePoints);        
circle.HideIcon();        
circle.SetLineWidth(2);        
map.AddShape(circle);