Marker
マーカーのクラス
Constructor
new ZDC.Marker(latlng, optionsopt)
マーカーを作成します。
zIndex(重なり順)のdefault値はauto。
Parameters
名前 | 説明 | ||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
latlng LatLng |
緯度経度 指定した緯度経度がマーカーの下中央の緯度経度になります。 |
||||||||||||||||||||||||||||||||
options(optional) Object default {} |
オプション設定
|
Example
// インスタンスを作成
var widget = new ZDC.Marker(
map.getCenter(), // Mapの中心位置(latlng)
{
custom: {
base : {
imgPos: new ZDC.Point(-13, -38),
imgSrc: '../img/icon/icon_red.png'
}
}
}
);
// MarkerをMapに追加
map.addWidget(widget);
Methods
show()
表示します。
hide()
非表示にすることができます。
setZIndex(zIndex)
重なりの順序を設定します。値が同一のウィジェットとの重なり順は保証されません。
ウィジェットクラス間でのみ有効です。図形との重なり順序は保証されません。
図形クラス:Polygon,Polyline,Oval,GroundOverlay,ImageLayer,GLLabel
ウィジェットクラス:Popup,Marker,UserWidget,MarkerCluster,StataicUserWidget
Parameters
zIndex(number)
重なり順
大きい数字であれば手前、小さい場合は奥に配置されます。
重なり順
大きい数字であれば手前、小さい場合は奥に配置されます。
Throws
zIndexが0以下の場合、エラーとなります。
Example
// 奥のレイヤー
lowerGroundOverlay.setZIndex(101);
// 手前のレイヤー
upperGroundOverlay.setZIndex(102);
setOptions(options)
オプションを設定します。
Parameters
options(Object)
オプション設定。constructorのoptionsと同じ。
オプション設定。constructorのoptionsと同じ。
addEventListener(eventName, listener)
イベントリスナーを登録します。
Parameters
eventName(string)
イベントの種類を表す文字列。
Map Eventsを参照(マウス操作イベントとタッチ操作イベントのみ対応)
listener(function)Map Eventsを参照(マウス操作イベントとタッチ操作イベントのみ対応)
登録するイベントリスナー。
イベントリスナーの引数は、HTML DOM要素 addEventListenerメソッドのlistenerに渡されるオブジェクトと同様のオブジェクトが引数として渡されます。
イベントリスナーの引数は、HTML DOM要素 addEventListenerメソッドのlistenerに渡されるオブジェクトと同様のオブジェクトが引数として渡されます。
Example
// インスタンスを作成
var widget = new ZDC.Marker(map.getCenter()); // Mapの中心位置(latlng)
// クリックイベント登録
widget.addEventListener('click', function(event) {
// 処理
alert("Sample Event!");
});
// MarkerをMapに追加
map.addWidget(widget);
removeEventListener(eventName, listener)
登録したイベントリスナーを削除します。
Parameters
eventName(string)
listener(function)
listener(function)
削除するイベントリスナー
getId()
idを取得します。
Returns
Type:string
idを返却します。
idを返却します。
Marker Style ID
ID | アイコン画像 |
---|---|
ZDC.MARKER_COLOR_ID_BLUE_S | |
ZDC.MARKER_COLOR_ID_RED_S | |
ZDC.MARKER_COLOR_ID_GREEN_S | |
ZDC.MARKER_COLOR_ID_YELLOW_S | |
ZDC.MARKER_COLOR_ID_GRAY_S | |
ZDC.MARKER_COLOR_ID_BLUE_L | |
ZDC.MARKER_COLOR_ID_RED_L | |
ZDC.MARKER_COLOR_ID_GREEN_L | |
ZDC.MARKER_COLOR_ID_YELLOW_L | |
ZDC.MARKER_COLOR_ID_GRAY_L | |
ZDC.MARKER_COLOR_ID_INFO_WHITE_S | |
ZDC.MARKER_COLOR_ID_INFO_BLACK_S | |
ZDC.MARKER_COLOR_ID_INFO_WHITE_M | |
ZDC.MARKER_COLOR_ID_INFO_BLACK_M | |
ZDC.MARKER_COLOR_ID_INFO_WHITE_L | |
ZDC.MARKER_COLOR_ID_INFO_BLACK_L | |
ZDC.MARKER_COLOR_ID_INFO_WHITE_LL | |
ZDC.MARKER_COLOR_ID_INFO_BLACK_LL |
Overlap Content Style ID
※画像色の都合で表背景色を塗りつぶしております。
ID | アイコン画像 |
---|---|
ZDC.MARKER_NUMBER_ID_STAR_L | |
ZDC.MARKER_NUMBER_ID_1_L | |
ZDC.MARKER_NUMBER_ID_2_L | |
ZDC.MARKER_NUMBER_ID_3_L | |
ZDC.MARKER_NUMBER_ID_4_L | |
ZDC.MARKER_NUMBER_ID_5_L | |
ZDC.MARKER_NUMBER_ID_6_L | |
ZDC.MARKER_NUMBER_ID_7_L | |
ZDC.MARKER_NUMBER_ID_8_L | |
ZDC.MARKER_NUMBER_ID_9_L | |
ZDC.MARKER_NUMBER_ID_10_L | |
ZDC.MARKER_NUMBER_ID_11_L | |
ZDC.MARKER_NUMBER_ID_12_L | |
ZDC.MARKER_NUMBER_ID_13_L | |
ZDC.MARKER_NUMBER_ID_14_L | |
ZDC.MARKER_NUMBER_ID_15_L | |
ZDC.MARKER_NUMBER_ID_16_L | |
ZDC.MARKER_NUMBER_ID_17_L | |
ZDC.MARKER_NUMBER_ID_18_L | |
ZDC.MARKER_NUMBER_ID_19_L | |
ZDC.MARKER_NUMBER_ID_20_L | |
ZDC.MARKER_NUMBER_ID_21_L | |
ZDC.MARKER_NUMBER_ID_22_L | |
ZDC.MARKER_NUMBER_ID_23_L | |
ZDC.MARKER_NUMBER_ID_24_L | |
ZDC.MARKER_NUMBER_ID_25_L | |
ZDC.MARKER_NUMBER_ID_26_L | |
ZDC.MARKER_NUMBER_ID_27_L | |
ZDC.MARKER_NUMBER_ID_28_L | |
ZDC.MARKER_NUMBER_ID_29_L | |
ZDC.MARKER_NUMBER_ID_30_L | |
ZDC.MARKER_NUMBER_ID_STAR_S | |
ZDC.MARKER_NUMBER_ID_1_S | |
ZDC.MARKER_NUMBER_ID_2_S | |
ZDC.MARKER_NUMBER_ID_3_S | |
ZDC.MARKER_NUMBER_ID_4_S | |
ZDC.MARKER_NUMBER_ID_5_S | |
ZDC.MARKER_NUMBER_ID_6_S | |
ZDC.MARKER_NUMBER_ID_7_S | |
ZDC.MARKER_NUMBER_ID_8_S | |
ZDC.MARKER_NUMBER_ID_9_S | |
ZDC.MARKER_NUMBER_ID_10_S | |
ZDC.MARKER_NUMBER_ID_11_S | |
ZDC.MARKER_NUMBER_ID_12_S | |
ZDC.MARKER_NUMBER_ID_13_S | |
ZDC.MARKER_NUMBER_ID_14_S | |
ZDC.MARKER_NUMBER_ID_15_S | |
ZDC.MARKER_NUMBER_ID_16_S | |
ZDC.MARKER_NUMBER_ID_17_S | |
ZDC.MARKER_NUMBER_ID_18_S | |
ZDC.MARKER_NUMBER_ID_19_S | |
ZDC.MARKER_NUMBER_ID_20_S | |
ZDC.MARKER_NUMBER_ID_21_S | |
ZDC.MARKER_NUMBER_ID_22_S | |
ZDC.MARKER_NUMBER_ID_23_S | |
ZDC.MARKER_NUMBER_ID_24_S | |
ZDC.MARKER_NUMBER_ID_25_S | |
ZDC.MARKER_NUMBER_ID_26_S | |
ZDC.MARKER_NUMBER_ID_27_S | |
ZDC.MARKER_NUMBER_ID_28_S | |
ZDC.MARKER_NUMBER_ID_29_S | |
ZDC.MARKER_NUMBER_ID_30_S |