ユーザコントロールを作成します。
※)usercontrol.jsが必要です。

実装例

コンストラクタ

ZDC.UserControl(control, options)

引数 プロパティ タイプ デフォルト 説明
control home ユーザコントロール
ボタンオブジェクト
- ホームポジションへ移動ボタンのDOM構成情報
north ユーザコントロール
ボタンオブジェクト
- 北へ移動ボタンのDOM構成情報
east ユーザコントロール
ボタンオブジェクト
- 東へ移動ボタンのDOM構成情報
south ユーザコントロール
ボタンオブジェクト
- 南へ移動ボタンのDOM構成情報
west ユーザコントロール
ボタンオブジェクト
- 西へ移動ボタンのDOM構成情報
northeast ユーザコントロール
ボタンオブジェクト
- 北東へ移動ボタンのDOM構成情報
southeast ユーザコントロール
ボタンオブジェクト
- 南東へ移動ボタンのDOM構成情報
southwest ユーザコントロール
ボタンオブジェクト
- 南西へ移動ボタンのDOM構成情報
northwest ユーザコントロール
ボタンオブジェクト
- 北西へ移動ボタンのDOM構成情報
bar ユーザコントロール
ボタンオブジェクト
- 縮尺レベル変更バーのDOM構成情報
btn ユーザコントロール
ボタンオブジェクト
- つまみのDOM構成情報(※2)
minus ユーザコントロール
ボタンオブジェクト
- 縮小ボタンのDOM構成情報
plus ユーザコントロール
ボタンオブジェクト
- 拡大ボタンのDOM構成情報
open ユーザコントロール
ボタンオブジェクト
- 開くボタンのDOM構成情報
close ユーザコントロール
ボタンオブジェクト
- 閉じるボタンのDOM構成情報
home_hvr ユーザコントロール
ボタンオブジェクト
- ホームポジションに移動ボタンのマウスオーバー時のDOM構成情報(※1)
north_hvr ユーザコントロール
ボタンオブジェクト
- 北へ移動ボタンのマウスオーバー時のDOM構成情報(※1)
east_hvr ユーザコントロール
ボタンオブジェクト
- 東へ移動ボタンのマウスオーバー時のDOM構成情報(※1)
south_hvr ユーザコントロール
ボタンオブジェクト
- 南へ移動ボタンのマウスオーバー時のDOM構成情報(※1)
west_hvr ユーザコントロール
ボタンオブジェクト
- 西へ移動ボタンのマウスオーバー時のDOM構成情報(※1)
northeast_hvr ユーザコントロール
ボタンオブジェクト
- 北東へ移動ボタンのマウスオーバー時のDOM構成情報(※1)
southeast_hvr ユーザコントロール
ボタンオブジェクト
- 南東へ移動ボタンのマウスオーバー時のDOM構成情報(※1)
southwest_hvr ユーザコントロール
ボタンオブジェクト
- 北西へ移動ボタンのマウスオーバー時のDOM構成情報(※1)
northwest_hvr ユーザコントロール
ボタンオブジェクト
- 南西へ移動ボタンのマウスオーバー時のDOM構成情報(※1)
bar_hvr ユーザコントロール
ボタンオブジェクト
- 縮尺レベル変更バーのマウスオーバー時のDOM構成情報(※1)
btn_hvr ユーザコントロール
ボタンオブジェクト
- つまみのマウスオーバー時のDOM構成情報(※1、※2)
minus_hvr ユーザコントロール
ボタンオブジェクト
- 縮小ボタンのマウスオーバー時のDOM構成情報(※1)
plus_hvr ユーザコントロール
ボタンオブジェクト
- 拡大ボタンのマウスオーバー時のDOM構成情報(※1)
open_hvr ユーザコントロール
ボタンオブジェクト
- 開くボタンのマウスオーバー時のDOM構成情報(※1)
close_hvr ユーザコントロール
ボタンオブジェクト
- 閉じるボタンのマウスオーバー時のDOM構成情報(※1)
options start number 0 つまみが縮尺レベル変更バー上で移動できる上限位置を指定
interval number 地図のつまみの縦幅 縮尺レベルの変更時のつまみの移動量を指定
close boolean false 縮尺レベル変更バーの初期表示時に閉じる設定

※1 ・・・ マウスオーバー時の画像が不要な場合は省略可
※2 ・・・ つまみの設定

メソッド

void open()

ユーザコントロールを開きます。


void close()

ユーザコントロールを閉きます。


void setMovePx(x , y)

移動ボタンクリックによるスクロール量をピクセル単位で設定します。

引数 タイプ 説明
x number 経度方向への移動量
y number 緯度方向への移動量

関連項目

ユーザコントロールボタンオブジェクト

ユーザコントロールを構成するボタンのDOM構成情報です。

プロパティ タイプ デフォルト 説明
src string - 画像のURL
pos ポジションオブジェクト top:0px, left:0px 配置位置
imgTL ZDC.TL top:0px, left:0px CSSスプライトを使用する際のイメージの描画始点
imgSize ZDC.WH 画像のサイズ 画像の表示サイズ

ユーザコントロールを構成するパーツとイメージ

名称 画像 説明
north north.png 北へ移動ボタン
east east.png 東へ移動ボタン
south south.png 南へ移動ボタン
west west.png 西へ移動ボタン
northeast northeast.png 北東へ移動ボタン
southeast southeast.png 南東へ移動ボタン
southwest southwest.png 南西へ移動ボタン
northwest northwest.png 北西へ移動ボタン
home home.png ホームポジションへ移動ボタン
bar bar.png 縮尺レベル変更バー
btn btn.png つまみ
plus plus.png 拡大ボタン
minus minus.png 縮小ボタン
open open.png 開くボタン
close close.png 閉じるボタン