我一直在寻找解决方案并且没有成功,我想要做的是通过指定半径和中心,在地图上绘制圆圈。用于形状的Bing Maps Ajax Control 6.3的documentation不包括圆圈。有没有办法在地图上画圆圈?
任何帮助都将不胜感激。
答案 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);