ホ−ム » クラスリファレンス » ZDC.Marker

ZDC.Marker

マーカを作成します。
マーカは重畳画像を重ねて表示することができます。

実装例
マーカを表示する
マーカを表示する(重畳画像有)
マーカに任意の画像を使う
マーカにCSSスプライトを使う
bindを利用してクリックしたマーカの緯度経度を表示する

コンストラクタ

ZDC.Marker(latlon, options)

引数プロパティタイプデフォルト説明
latlon-ZDC.LatLon-緯度経度
optionscolornumberZDC.MARKER_COLOR_ID_BLUE_SマーカのデザインをIDで指定
numbernumber重畳画像なし重畳画像のデザインをIDで指定
offsetZDC.PixelZDC.Pixel(0, 0) (※1)マーカのオフセット値
contentOffsetZDC.PixelZDC.Pixel(0, 0) (※2)重畳画像のオフセット値
propagationbooleanfalsetrue:イベントが地図に伝播する
false:イベントが地図に伝播しない
customobjectnull独自マーカ情報からなるオブジェクト

※1 ・・・ プロパティcolorがデフォルトまたはマーカIDを指定した場合、マーカの先端が指定した緯度経度を示します。
また、マーカに独自画像URLを指定した場合、指定した緯度経度が画像の左上になるように表示されます。
※2 ・・・ デフォルトの位置は重畳画像の左上がマーカの左上と一致します。

メソッド

void moveLatLon(latlon)

マーカの表示位置を設定します。
ただし、このメソッドを実行する前にZDC.MapクラスのaddWidgetを実行してください。

引数タイプ説明
latlonZDC.LatLon緯度経度

void setTitle(title)

マーカのタイトルを設定します。
実装例

引数タイプ説明
titlestring文字列

void setZindex(zIndex)

z-indexを設定します。デフォルトのz-indexは100です。

引数タイプ説明
zIndexnumberスタイルのz-index

void hidden()

マーカを非表示にします。


void visible()

マーカを表示します。


ZDC.LatLon getLatLon()

マーカの緯度経度を取得します。

関連項目

customオブジェクト

プロパティプロパティタイプデフォルト説明
base(※1)srcstring-独自画像URL
imgSizeZDC.WH画像のサイズ画像の表示サイズ
imgTLZDC.TLZDC.TL(0, 0)CSSスプライトを使用する際のイメージの描画始点
printSrc(※3)stringsrcで指定したURL印刷画像URL
content(※2)srcstring-重畳画像URL
imgSizeZDC.WH画像のサイズ画像の表示サイズ
imgTLZDC.TLZDC.TL(0, 0)CSSスプライトを使用する際のイメージの描画始点
printSrc(※3)stringsrcで指定したURL印刷画像URL

※1)独自のマーカ画像情報からなるオブジェクト
※2)独自の重畳画像情報からなるオブジェクト
※3)印刷画像のサイズがimgSizeと異なる場合の動作は保障しません。また、印刷画像にCSSスプライトは使用できません。

マーカID

ID説明イメージ
ZDC.MARKER_COLOR_ID_BLUE_Sピン(青・小)mapicon-color6.gif
ZDC.MARKER_COLOR_ID_RED_Sピン(赤・小)mapicon-color5.gif
ZDC.MARKER_COLOR_ID_GREEN_Sピン(緑・小)mapicon-color7.gif
ZDC.MARKER_COLOR_ID_YELLOW_Sピン(黄色・小)mapicon-color8.gif
ZDC.MARKER_COLOR_ID_GRAY_Sピン(灰色・小)mapicon-color9.gif
ZDC.MARKER_COLOR_ID_BLUE_Lピン(青・大)mapicon-color1.gif
ZDC.MARKER_COLOR_ID_RED_Lピン(赤・大)mapicon-color0.gif
ZDC.MARKER_COLOR_ID_GREEN_Lピン(緑・大)mapicon-color2.gif
ZDC.MARKER_COLOR_ID_YELLOW_Lピン(黄色・大)mapicon-color3.gif
ZDC.MARKER_COLOR_ID_GRAY_Lピン(灰色・大)mapicon-color4.gif
ZDC.MARKER_COLOR_ID_INFO_WHITE_S吹出し(白・小)mapicon-color26.gif
ZDC.MARKER_COLOR_ID_INFO_BLACK_S吹出し(黒・小)mapicon-color27.gif
ZDC.MARKER_COLOR_ID_INFO_WHITE_M吹出し(白・中)mapicon-color24.gif
ZDC.MARKER_COLOR_ID_INFO_BLACK_M吹出し(黒・中)mapicon-color25.gif
ZDC.MARKER_COLOR_ID_INFO_WHITE_L吹出し(白・大)mapicon-color22.gif
ZDC.MARKER_COLOR_ID_INFO_BLACK_L吹出し(黒・大)mapicon-color23.gif
ZDC.MARKER_COLOR_ID_INFO_WHITE_LL吹出し(白・特大)mapicon-color20.gif
ZDC.MARKER_COLOR_ID_INFO_BLACK_LL吹出し(黒・特大)mapicon-color21.gif

重畳画像ID

ID説明イメージ
ZDC.MARKER_NUMBER_ID_STAR_S星(小)mapicon-number100.gif
ZDC.MARKER_NUMBER_ID_STAR_L星(大)mapicon-number0.gif
ZDC.MARKER_NUMBER_ID_1_S
〜ZDC.MARKER_NUMBER_ID_30_S
数字(1・小)〜数字(30・小)mapicon-number101.gifmapicon-number130.gif
ZDC.MARKER_NUMBER_ID_1_L
〜ZDC.MARKER_NUMBER_ID_30_L
数字(1・大)〜数字(30・大)mapicon-number1.gifmapicon-number30.gif