如何在Google Map上绘制折线

Question

有人可以指出如何在两个具有自定义颜色的地理编码点之间绘制一条简单的折线。

Answer 1

您需要的一切都在这里：

http://code.google.com/apis/maps/documentation/javascript/examples/index.html

在高级别你想要这样做：

1. 发出两个请求（使用地理编码器）对两个点进行地理编码。您将向每个请求传递一个函数，一旦数据可用就会被回调。

2. 您需要等到BOTH功能完成。你可以有两个布尔“oneDone，twoDone”，并在函数回调后将它们设置为true。

3. 使用折线简单示例中的代码在点之间绘制折线。

Answer 2

使用我传递地图的以下函数在两点之间绘制线，并在第一点和第二点拉长。

var mapOptions = {
    zoom: zoom,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};

map = new google.maps.Map(document.getElementById('map-canvas_'+id), mapOptions);    

function poliLines(map, latPointBefore, lonPointBefore, latPointAfter, lonPointAfter){

        var routes = [
          new google.maps.LatLng(latPointBefore, lonPointBefore)
          ,new google.maps.LatLng(latPointAfter, lonPointAfter)
        ];

        var polyline = new google.maps.Polyline({
           path: routes
           , map: map
           , strokeColor: '#ff0000'
           , strokeWeight: 5
           , strokeOpacity: 0.5
           , clickable: false
       });

}