HTMLLayer
HTMLレイヤークラス
HTML形式のウィジェットをレイヤーに追加することができます。
レイヤーに追加したウィジェットはまとめて表示、非表示、削除が可能です。
HTML形式のウィジェット一覧は下記です。
Marker、Popup、UserWidget、StaticUserWidget、MarkerCluster
Constructor
new ZDC.HTMLLayer()
HTMLレイヤーを作成します。
Example
//レイヤーを作成
var layer = new ZDC.HTMLLayer();
//ウィジェットを作成
var marker = new ZDC.Marker(
map.getCenter(),
{
styleId: ZDC.MARKER_COLOR_ID_INFO_BLACK_M,
contentStyleId: ZDC.MARKER_NUMBER_ID_STAR_L,
}
);
//レイヤーにウィジェットを追加
layer.addWidget(marker);
//マップにレイヤーを追加
map.addLayer(layer, 1);
Methods
addWidget(widget)
レイヤーに図形を追加します。
Parameters
widget(IWidget)
HTMLウィジェット
getAllWidgets()
レイヤーの全ウィジェットを取得します。
Returns
Type:Array.<(IShape|IWidget)>
レイヤーの全ウィジェットを返却します。
getWidget(id)
レイヤーから指定したidの図形を取得します。
Parameters
id(number)
id
Returns
Type:IShape | IWidget
レイヤーから指定したidの図形を返却します。
removeAllWidgets()
レイヤーの全ウィジェットを削除します。
removeWidget(id)
レイヤーから指定したidの図形を削除します。
Parameters
id(number)
id
show()
レイヤーを表示します。
hide()
レイヤーを非表示にします。
//レイヤーを作成
var layer = new ZDC.HTMLLayer();
//ウィジェットを作成
var marker = new ZDC.Marker(
map.getCenter(),
{
styleId: ZDC.MARKER_COLOR_ID_INFO_BLACK_M,
contentStyleId: ZDC.MARKER_NUMBER_ID_STAR_L,
}
);
//レイヤーにウィジェットを追加
layer.addWidget(marker);
//マップにレイヤーを追加
map.addLayer(layer, 1);
addWidget(widget)
レイヤーに図形を追加します。
Parameters
widget(IWidget)
HTMLウィジェット
getAllWidgets()
レイヤーの全ウィジェットを取得します。
Returns
Type:Array.<(IShape|IWidget)>
レイヤーの全ウィジェットを返却します。
レイヤーの全ウィジェットを返却します。
getWidget(id)
レイヤーから指定したidの図形を取得します。
Parameters
id(number)
id
Returns
Type:IShape | IWidget
レイヤーから指定したidの図形を返却します。
レイヤーから指定したidの図形を返却します。
removeAllWidgets()
レイヤーの全ウィジェットを削除します。
removeWidget(id)
レイヤーから指定したidの図形を削除します。
Parameters
id(number)
id
id
show()
レイヤーを表示します。
hide()
レイヤーを非表示にします。