javascript - 使用 jQuery 在 Google map 上的两点之间绘制一条线？

Question

如何使用 jQuery 或 Javascript 通过 Google map API 在两点(纬度和经度)之间绘制一条线？我需要两点之间的最短路径。它可以是任何类型的线。

Answer 1

这是绘制线条的 API v3 方法。

var line = new google.maps.Polyline({
    path: [
        new google.maps.LatLng(37.4419, -122.1419), 
        new google.maps.LatLng(37.4519, -122.1519)
    ],
    strokeColor: "#FF0000",
    strokeOpacity: 1.0,
    strokeWeight: 10,
    map: map
});

这只是在两点之间绘制一条直线。如果您希望它成为最短路径，您需要考虑地球是弯曲的事实，并绘制一条测地线。为此，您必须通过添加此可选libraries参数来使用Google Maps API中的geometry库:

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=geometry"></script>

然后只需将 geodesic: true 添加到折线的选项中即可:

var line = new google.maps.Polyline({
    path: [new google.maps.LatLng(37.4419, -122.1419), new google.maps.LatLng(37.4519, -122.1519)],
    strokeColor: "#FF0000",
    strokeOpacity: 1.0,
    strokeWeight: 10,
    geodesic: true,
    map: map
});