如何在Google地图上绘制路线

时间:2016-06-16 19:46:43

标签: javascript google-maps google-maps-api-3

我使用以下代码绘制路线

function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 3,
center: {lat: 0, lng: -180},
mapTypeId: google.maps.MapTypeId.TERRAIN
});

var flightPlanCoordinates = [
{lat: 37.772, lng: -122.214},
{lat: 21.291, lng: -157.821},
{lat: -18.142, lng: 178.431},
{lat: -27.467, lng: 153.027}
];
 var flightPath = new google.maps.Polyline({
path: flightPlanCoordinates,
geodesic: true,
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 2
});

flightPath.setMap(map);
}

Sample Route Current Route

使用折线仅提供直线是否有任何其他方法来绘制路线,如在样本路线图像中。 我试过了,但没有得到任何这样的方法

1 个答案:

答案 0 :(得分:1)

看看这里:
http://www.geocodezip.com/v3_polyline_example_arc.html
和这里:
http://www.geocodezip.com/v3_polyline_example_rhumb.html

要做到这一点,你可能想要在某种类型的正弦波上抽象路径,使其更具曲线和视觉吸引力。看看下面的问题,有很多深入的答案。

Curved line between two near points in google maps