矢印線を描画します。
※)usewidget.js, shape.jsが必要です。
※)別途、プラグインをインクルードする必要があります。こちらから取得して下さい。
ZDC.ArrowPolyline(map, latlons, options)
引数 | プロパティ | タイプ | デフォルト | 説明 |
map | - | ZDC.Map | - | 重畳する地図を指定 |
latlons | - | array(ZDC.LatLon) | - | 緯度経度の配列、配列の最後に矢印を追加する |
options | strokeColor | string | #000000 | 枠線の色 |
strokeWeight | number | 2 | 枠線の太さ ※1以上を指定してください |
|
lineStyle | string | solid | 線の種類(solid or dash or dashdot or dot) | |
lineOpacity | number | 1.0 | 線の透過度 ※Androidでは塗りつぶしの透過度を兼ねます |
|
propagation | boolean | true | true:イベントが地図に伝播する false:イベントが地図に伝播しない |
|
arrowType | number | ZDC.ARROW_TRIANGLE | 矢印の種類を指定 ZDC.ARROW_TRIANGLE ZDC.ARROW_THIN ZDC.ARROW_LINEAR ZDC.ARROW_FAT 実装例 |
|
arrowSize | string | M | 矢印のサイズを指定 S: 小さい M: 普通 L: 大きい |
矢印線を削除します。
線の頂点を追加し配列として保持します。
引数 | タイプ | 説明 |
latlon | ZDC.LatLon | 緯度経度 |
線の頂点をZDC.LatLonの配列で取得します。
配列のインデックス番号を指定して、線の頂点を削除します。要素を削除後の配列は詰められます。
引数 | タイプ | 説明 |
index | number | 配列のインデックス番号 |
配列のインデックス番号を指定して、線の頂点を変更します。
引数 | タイプ | 説明 |
index | number | 配列のインデックス番号 |
latlon | ZDC.LatLon | 緯度経度 |
矢印線を非表示にします。
矢印線を表示します。
線の枠線の色や太さなどのスタイルを再設定します。
引数はコンストラクタの引数と同じです。
addPoint()、removePoint()、changePoint()、setStyle()の実行結果を矢印線に反映して再描画します。