Googleマップのトラッキングパスに方向を追加するには

Question

マーカーポイントとそれらを結ぶ線で地図上にトラッキングを表示しています。

問題は、リンク上の移動の方向を示したいということです。

ですから、マーカーポイント間の線の方向を表示する方法がわかりません。

このタスクを実行する方法はありますか。

Answer 1

ポリラインの方向を矢印で表示することができます。

Googleマップのapi3が提供するいくつかの定義済みのパスがあります。

矢印以外で使用できるドキュメントのこのセクション（ SYMBOLS ON POLYLINE）を参照してください。

矢印を使用してポリラインの方向を示すこのフィドルを見てください。それは定期的な間隔で繰り返されるように

DEMO with a sigle symbol

また、シンボルのrepeatプロパティを設定することができます。

DEMO with repeating symbols

JavaScript-

var iconsetngs = { 
    path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW 
}; 
var polylineoptns = { 
    path: markers, 
    strokeOpacity: 0.8, 
    strokeWeight: 3, 
    map: map, 
    icons: [{ 
     icon: iconsetngs, 
     offset: '100%'}] 
}; 
polyline = new google.maps.Polyline(polylineoptns); 

この定義済みシンボル（前方矢印特別）の興味深い特徴は、あなたの座標の正確な方向に向けた矢印ポイントということですが配置されています。それは明らかにトラッキングシステムの方向性を示す目的に役立ちます。

更新：あなたがコメントで教えようとしている点については不明です。マーカーは同じ方法で表示できます。矢印のようにアイコンを使用することにより、私はより具体的な答えをしたい

var polylineoptns = { 
     strokeOpacity: 0.8, 
     strokeWeight: 3, 
     map: map, 
     icons: [{ 
      repeat: '70px', //CHANGE THIS VALUE TO CHANGE THE DISTANCE BETWEEN ARROWS 
      icon: iconsetngs, 
      offset: '100%'}] 
    }; 
    polyline = new google.maps.Polyline(polylineoptns); 
    var z = 0; 
    var path = []; 
    path[z] = polyline.getPath(); 
    for (var i = 0; i < markers.length; i++) //LOOP TO DISPLAY THE MARKERS 
    { 
     var pos = markers[i]; 
     var marker = new google.maps.Marker({ 
      position: pos, 
      map: map 
     }); 
     path[z].push(marker.getPosition()); //PUSH THE NEWLY CREATED MARKER'S POSITION TO THE PATH ARRAY 
    }