有两个坐标,我想为它们画一条等长的垂线。是否有一个简单的谷歌地图偏移或一个干净的javascript方法,我可能会完成这一点?那会是什么呢?
这是我目前所知道的。正如您所看到的,我将这两个点作为标记,然后尝试在它们之间画一条线,只是我需要使这条线垂直于两个坐标之间的线。
var locations = [
['', position.coords.latitude, position.coords.longitude, 1],
['', llat, llng, 2]
];
var marker, i;
for ( var i = 0; i < locations.length; i++ )
{
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map
});
}
var borderPlanCoordinates = [
new google.maps.LatLng(llat, position.coords.longitude),
new google.maps.LatLng(position.coords.latitude,llng)
];
var borderPath = new google.maps.Polyline({
path: borderPlanCoordinates,
strokeColor: "#FF0000",
strokeOpacity: 1.0,
strokeWeight: 10,
map: map
});
borderPath.setMap(map);
你有两个坐标为(x1,y1)
和(x2, y2)
的点,你想画一条线段,它的长度是它们之间的距离,也就是连接它们的线段的垂直平分线,这条线段被这个线段平分?
可能最简单的方法是设置cx = (x1 + x2)/2
, cy = (y1+y2)/2)
, dx = (x2-x1)/2
, dy = (y2-y1)/2
,然后从(cx-dy, cy+dx)
到(cx+dy, cy-dx)
画一条线。
这是有效的,因为(cx, cy)
是你想要绘制的线段的中点,然后你只需要从中点到(x2,y2)
的向量,并将其旋转正负90度,以找到你想要绘制的线段的端点。
我尝试了这个解决方案,段的中间是ok的,但它在谷歌地图上看起来不垂直,我怀疑是因为球面投影(不是正交的)。
下面是一个可行的解决方案:
spherical = google.maps.geometry.spherical;
var F = new google.maps.LatLng(latF, longF);
var T = new google.maps.LatLng(latT, longT);
// M is the middle of [FT]
var latM = (latF + latT)/2;
var longM = (longF + longT)/2;
var M = new google.maps.LatLng(latM, longM);
// Get direction of the segment
var heading = spherical.computeHeading(F, T);
var dist = 200; // distance in meters
// Place point A that is oriented at 90° in a distance of dist from M
var A = spherical.computeOffset(M, dist, heading+90);
var perpendicularCoordinates = [M, A ];
var perpendicular = new google.maps.Polyline({
path: perpendicularCoordinates,
geodesic: true,
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 2,
map: map
});
相关内容如下:http://jsfiddle.net/8m7vm650/15/
请注意,您需要使用一个可选的谷歌地图库称为geometry,这是通过添加libraries=geometry查询字符串加载地图:http://maps.googleapis.com/maps/api/js?libraries=geometry&sensor=false