如何使用Bing Maps Ajax Control 6.3绘制圆圈?

时间:2013-02-06 23:02:08

标签: javascript ajax bing-maps

我一直在寻找解决方案并且没有成功,我想要做的是通过指定半径和中心,在地图上绘制圆圈。用于形状的Bing Maps Ajax Control 6.3的documentation不包括圆圈。有没有办法在地图上画圆圈?

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分: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);