GoogleマップでPolylineを描画する方法

Question

カスタムカラーで2つのジオコーディングポイントの間に単純なポリラインを描画する方法を教えてください。

Answer 1

必要なすべてがここにある：あなたがこれをしたいハイレベルで

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

：

1. は、二つの点をジオコードする（ジオコーダを使用して）2つの要求を行います。データが利用可能になると呼び出される各リクエストに関数を渡します。

2. 両方の機能が完了するまで待つ必要があります。 2つのブール値「oneDone、twoDone」を持つことができ、関数がコールバックするとtrueに設定することができます。

3. ポリラインのコードを使用してポイント間にポリラインを描く - 簡単な例。

Answer 2

マップを渡し、最初の点と2番目の点で緯度と経線を渡す次の関数を使用して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 
     }); 

}