ドラッグで拡大、縮小、移動、回転できるユーザウィジットを作成します。
※)usewidget.jsが必要です。
※)別途、プラグインをインクルードする必要があります。こちらから取得して下さい。
ZDC.EditableUserWidget(map, latlons, options)
引数 | プロパティ | タイプ | デフォルト | 説明 |
map | - | ZDC.Map | - | 重畳する地図を指定 |
latlons | - | array(ZDC.LatLon) | - |
緯度経度の配列。2点でサイズを変更する。 1点目はユーザーウィジットの緯度経度 2点目はrotationとscaleを指定しない時の 右下頂点(※1)(省略可) |
options | html | string | null | ユーザウィジットに表示するHTMLソース(※2) |
dom | DOM | - | ユーザウィジットに表示するDOM(※2) (htmlが指定されている場合はhtmlが優先) |
|
propagation | boolean | true | editableがfalseの場合のpropagationを指定する。 true:イベントが地図に伝播する false:イベントが地図に伝播しない |
|
editable | boolean | true | ユーザウィジットの状態を変更 true: 編集可能 false: 編集不可 |
|
scale | object | {x: 1, y: 1} | 拡大率を指定する。 数値は、1を基準に伸縮する比率を整数または少数で指定する。 例:{x: 1.5, y: 1.5} |
|
isAspectRatioResizing | boolean | true | 頂点の縦横比固定(※3) true: 固定 false: 固定しない |
|
rotation | number | 0 | 回転角度を指定する。 例えば、90度回転させたいときは90と指定する。 正数だと時計回りで回転し、負数だと反時計回りに回転する。 |
※1 ・・・ 2点目を設定しない場合、htmlプロパティもしくはdomプロパティで width/height を指定してください。
※2 ・・・ CSSによりユーザウィジット内のスタイルを設定をしている場合、正常に表示できないことがあります。
※3 ・・・ 頂点は下記となります。
ウィジットを削除します。
ユーザウィジットを表示します。
ユーザウィジットを非表示にします。
ユーザウィジットの表示位置を変更します。
引数 | タイプ | 説明 |
latlon | ZDC.LatLon | 緯度経度 |
ユーザウィジットで表示するHTMLソースを再設定します。
引数 | タイプ | デフォルト | 説明 |
html | string | null | HTMLソース※4 |
※4 ・・・ HTMLソース内に指定したwidth、heightは無視されます。
ユーザウィジットで表示するDomを再設定します。
※5 ・・・ DOMに指定したwidth、heightは無視されます。
z-indexを設定します。デフォルトのz-indexは100です。
引数 | タイプ | 説明 |
zindex | number | z-index |
2点をZDC.LatLonの配列で取得します。
ユーザウィジットの状態を変更します。
true: 編集可能
false: 編集不可
頂点の縦横比固定します。
true: 固定
false: 固定しない
拡大率を取得します。
プロパティ | タイプ | 説明 |
x | number | x方向の拡大率 |
y | number | y方向の拡大率 |
拡大率を指定します。 数値は、1を基準に伸縮する比率を整数または少数で指定します。
引数 | プロパティ | タイプ | 説明 |
object | x | number | x方向の拡大率 |
y | number | y方向の拡大率 |
回転角度を取得します。
返却値は 0から360 となります。
回転角度を指定します。
正数だと時計回りで回転し、負数だと反時計回りに回転します。