矢印でポリラインを描画するためにどのようにBaiduのマップトラックの開発、

  最近の開発Baiduのマップでは、歩行者の軌跡を描き、そして矢印はトラックでの方向を示して使用する必要がある、と私たちは通常、矢印によってとして、Baiduのマップのナビゲーションを使用するときに歩く人々の方向を示しています。
       Baiduの地図APIによって、我々は簡単に)ポリライン(交差する方法を見つけることができますが、どのように我々は、矢印それの方向を示す、線を引くのですか?BaiduのマップのAPIをチェックポリラインに表示される記号を設定するために使用されIconSequenceクラスを、見つけました。

Baiduの地図APIと組み合わせること:

 

  したがって、我々は、矢印の方向に描画ポリラインを達成することができます。

        // マップの作成
            するvar地図= 新新 BMap.Map( '地図'の);
                   VARのポイントは= 新しい新しい BMap.Point(114.065537,22.553321 ); 
                     map.centerAndZoom(ポイント、 13である); 
                    map.enableScrollWheelZoom(); 
             //は、ポイントの座標 
            ポイント= [ 
            {LNG: 114.014、LAT:22.687 }、
            {LNG: 114.0143、LAT:22.742 }、
            {LNG: 114.09746、LAT:22.745 } 
            ] 
        // 矢印スタイルの描画
        VAR SYを= 新しい新BMap.Symbol(BMap_Symbol_SHAPE_BACKWARD_OPEN_ARROW、{ 
                スケール: 0.6、// アイコンスケールサイズ 
                strokeColorは: '#FFF'、// ターゲットラインフィルの色ベクトル集合 
                strokeWeight:2、// 線幅
            });
             VARの iconsThe = 新しい新しい BMAP。 IconSequence(SY、 '100%'、'10%」、falseに); // trueに設定し、トラックを編集することができます
            //はポリラインを描画し、スタイル
            VAR TrackLine = 新新BMap.Polyline(potArr、{ 
                strokeColorは次のとおりです。「#1 18a45b 「// 色の設定 
                strokeWeight :. 8、// 幅を
                strokeOpacity:0.8、// 範囲0でポリラインの透明性- 1 
                enableEditing:// 行編集が有効になっている、デフォルトはfalseです 
                enableClicking:// クリックイベントに応答するかどうか、デフォルトではtrueにある
                iconsThe:[iconsThe] 
            } ); 
            Map.addOverlay(TrackLine)。

示すように、結果:

オリジナルリンク:https://blog.csdn.net/qq_36727756/article/details/89184935

おすすめ

転載: www.cnblogs.com/qiantao/p/11526222.html