在angularjs中的谷歌地图上画线

Question

我希望当地图加载时，两个城市之间的直线划线，例如山核桃和伦敦。 如何在Google地图上的两个城市之间用angularjs画一条直线？

Answer 1

绘制Simple Polylines，您可以将latitude和longitude保存在arrays中，如下所示：

var flightPlanCoordinates = [
    new google.maps.LatLng(37.772323, -122.214897),
    new google.maps.LatLng(21.291982, -157.821856),
    new google.maps.LatLng(-18.142599, 178.431),
    new google.maps.LatLng(-27.46758, 153.027892)
  ];

然后，使用google.maps.Polyline绘制出来。

var flightPath = new google.maps.Polyline({
    path: flightPlanCoordinates,
    geodesic: true,
    strokeColor: '#FF0000',
    strokeOpacity: 1.0,
    strokeWeight: 2
  });

  flightPath.setMap(map);

有关详细信息，请参阅here。