ユーザコントロールを作成します。
※）usercontrol.jsが必要です。
コンストラクタ
ZDC.UserControl(ｃontrol, options)
| 引数 | プロパティ | タイプ | デフォルト | 説明 |
| ｃontrol | 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 |  |
北へ移動ボタン |
| east |  |
東へ移動ボタン |
| south |  |
南へ移動ボタン |
| west |  |
西へ移動ボタン |
| northeast |  |
北東へ移動ボタン |
| southeast |  |
南東へ移動ボタン |
| southwest |  |
南西へ移動ボタン |
| northwest |  |
北西へ移動ボタン |
| home |  |
ホームポジションへ移動ボタン |
| bar |  |
縮尺レベル変更バー |
| btn |  |
つまみ |
| plus |  |
拡大ボタン |
| minus |  |
縮小ボタン |
| open |  |
開くボタン |
| close |  |
閉じるボタン |