рисование линии в гугл картах перпендикулярно двум точкам

У меня есть две координаты, для которых я хотел бы нарисовать перпендикулярную линию равной длины. Есть ли для этого простое смещение карт Google или чистый подход 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);

javascript google-maps-api-3 polyline
person sudocity    schedule 30.04.2011    source источник

Ответы (2)


arrow_upward
5
arrow_downward

Итак, у вас есть две точки с координатами (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 градусов, чтобы найти конечные точки сегмента, который вы хотите нарисовать.

person Boris Zbarsky    schedule 30.04.2011

arrow_upward
4
arrow_downward

Я попробовал это решение, середина сегмента в порядке, НО она не выглядит перпендикулярной на картах Google, я подозреваю, из-за сферической проекции (не ортонормированной).

Вот решение, которое работает:

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/

Обратите внимание, что вам необходимо использовать дополнительную библиотеку карт Google, называемую геометрией, которая выполняется путем добавления library=geometry в строку запроса при загрузке карт: http://maps.googleapis.com/maps/api/js?library=geometry&sensor=false

person Pr Shadoko    schedule 05.03.2015