Polyline

ポリラインのクラス

Constructor

new ZDC.Polyline(latlngs, optionsopt)

ポリラインを作成します。
zIndex(重なり順)のdefault値は100。

Parameters

名前 説明
latlngs
Array.<LatLng>
形状
options(optional)
Object
default {}
オプション設定
名前 説明
color(optional)
string
default '#000000'
線の色(RGB 16進表記)
例)赤 #ff0000
width(optional)
number
default 1
線の太さ(単位:ピクセル)
0より大きい値を設定してください。
小数を指定出来ます。
pattern(optional)
string
default 'solid'
線のパターン
4種類の指定値、あるいは16桁の任意ラインパターン
(例:'1010101010101010')を指定してください。
solid
実線('1111111111111111')
dash
破線('1111000011110000')
dashdot
破線+ドット('1110010011100100')
dot
ドット('1100110011001100')
opacity(optional)
number
default 1.0
不透明度
0.0~1.0の実数指定
0
透明
1
不透明
rotatedView(optional)
integer
default 0
表示回転角度
保持する座標値は変えずに、地図上の見栄えを図形のBBOXを中心に指定角度回転させます。
左回りを正とします。
draw(optional)
string
default 'high'
アンダーレイ描画オプション
  • 'high'

    背景図の上

  • 'middle'

    背景図の注記と図形の間

  • 'low'

    背景図の下

propagation(optional)
boolean
default false
イベントの地図伝搬フラグ
このウィジェット上で起きたイベントをMapにも伝搬させます。
  • true

    Mapのイベントが発生する

  • false

    Mapのイベントが発生しない

Example


  // 頂点の配列を作成
  var latlons = [];
  latlons.push(new ZDC.LatLng(35.6859941, 139.77131));
  latlons.push(new ZDC.LatLng(35.6701008, 139.77691));
  latlons.push(new ZDC.LatLng(35.6744741, 139.76282));
  latlons.push(new ZDC.LatLng(35.6777808, 139.78051));

  // ポリラインを作成
  pl = new ZDC.Polyline( latlons, {
    color: '#FF0000',
    width: 3,
    pattern: 'solid',
    opacity: 1.0
  });

  // ポリラインを地図オブジェクト(map)に追加
  map.addWidget(pl);

Methods

getShape()

形状を取得します。

Returns
Type:Array.<LatLng>
形状を返却します。
setShape(latlngs)

形状を設定します。

Parameters
latlngs(Array.<LatLng>)
形状
show()

表示します。

hide()

非表示にすることができます。

rotate()

指定した角度値で図形の座標値を図形のBBOXを中心に回転し変更します。
左回りを正とします。
なお、実行後はrotatedViewは0に初期化されます。

setZIndex(zIndex)

重なりの順序を設定します。値が同一の図形との重なり順は保証されません。

図形クラス間でのみ有効です。ウィジェットとの重なり順序は保証されません。
図形クラス:Polygon,Polyline,Oval,GroundOverlay,ImageLayer,GLLabel
ウィジェットクラス:Popup,Marker,UserWidget,MarkerCluster,StataicUserWidget

Parameters
zIndex(number) default 100
重なり順
大きい数字であれば手前、小さい場合は奥に配置されます。
Throws
zIndexが0以下の場合、エラーとなります。
setOptions(options)

オプションを設定します。

Parameters
options(Object)
オプション設定。constructorのoptionsと同じ。
addEventListener(eventName, listener)

イベントリスナーを登録します。

Parameters
eventName(string)
イベントの種類を表す文字列。
Map Eventsを参照(マウス操作イベントとタッチ操作イベントのみ対応)
listener(function)
登録するイベントリスナー。
イベントリスナーの引数はMap Eventsを参照して下さい。
Example
polyline.addEventListener('click', function(type, latLng, point) {
// 処理
});
removeEventListener(eventName, listener)

登録したイベントリスナーを削除します。

Parameters
eventName(string)
イベントの種類を表す文字列
listener(function)
削除するイベントリスナー
addPoint(latlng)

頂点を追加します。

Parameters
latlng(LatLng)
追加する頂点座標
changePoint(index, latlng)

頂点を移動します。

Parameters
index(number)
移動する頂点番号(0~N)
latlng(LatLng)
移動先の頂点座標
Throws
指定したindexが現在の頂点数以上の場合、エラーとなります。
removeAllPoints()

全頂点を削除します。

removePoint(index)

頂点を削除します。

Parameters
index(number)
削除する頂点番号(0~N)
Throws
指定したindexが現在の頂点数以上の場合、エラーとなります。
getId()

idを取得します。

Returns
Type:string
idを返却します。