GLLabel

ラベルのクラス

Constructor

new ZDC.GLLabel(latlng, src, optionsopt)

ラベルを作成します。
zIndex(重なり順)のdefault値は100。

Parameters

名前 説明
latlng
LatLng		 表示位置の緯度経度
指定した緯度経度がラベルの下中央の緯度経度になります。
src
Object		 画像のURLとラベル文字列
名前 説明
text(optional)
string		 表示するラベル文字列
imgSrc(optional)
string		 画像のURL
options(optional)
Object
default {}		 オプション設定
名前 説明
font(optional)
string
default 'sans-serif'		 フォント名
fontSize(optional)
integer
default 10		 フォントサイズ(単位:ピクセル)
color(optional)
string
default '#000000'		 テキスト色
fontOpacity(optional)
number
default 1.0		 ラベル文字列の透過率
backgroundOpacity(optional)
number
default 1.0		 ラベル文字列の背景および枠線の透過率
borderColor(optional)
string
default null		 枠線の色
borderWidth(optional)
number
default 1.0		 枠線の幅(単位:ピクセル)
backgroundColor(optional)
string
default null		 背景色
position(optional)
string
default 'bottom-left'		 ラベル文字列の位置
'bottom-left','bottom-right','top-left','top-right','center'より指定可能
imgOpacity(optional)
number
default 1.0		 画像の透過率
rotatedView(optional)
integer
default 0		 図形の回転
width(optional)
number
default 指定画像の幅		 画像の幅(単位:ピクセル)
height(optional)
number
default 指定画像の高さ		 画像の高さ(単位:ピクセル)
drawPopup(optional)
boolean
default false		 吹き出しの有無
  • true

    吹き出しあり

  • false

    吹き出しなし
verticalMargin(optional)
number
default 12		 吹き出しの縦の余白
horizontalMargin(optional)
number
default 12		 吹き出しの横の余白
closeButton(optional)
boolean
default true		 吹き出し表示時の閉じるボタン表示
  • true

    表示する

  • false

    表示しない
movableOpen(optional)
boolean
default false		 吹き出し表示時に吹き出しが画面外の場合の地図移動
  • true

    吹き出し上に移動させる

  • false

    移動させない
offset(optional)
Point
default null		 オフセット値
指定したPointのピクセル分移動します。
x軸は右が正、y軸は下が正となります。
例) Point(100,100)を指定した場合、右方向100,下方向100の位置に移動。
draw(optional)
string
default 'high'		 アンダーレイ描画オプション
  • 'high'

    背景図の上

  • 'middle'

    背景図の注記と図形の間

  • 'low'

    背景図の下

propagation(optional)
boolean
default false		 イベントの地図伝搬フラグ
このウィジェット上で起きたイベントをMapにも伝搬させます。
  • true

    Mapのイベントが発生する

  • false

    Mapのイベントが発生しない

Example

// インスタンスを作成
var label = new ZDC.GLLabel(
  map.getCenter(),
  {text: 'Sample Label'},
  {backgroundColor: '#ffffff'}
);
// ラベルをMapに追加
map.addWidget(label);

Methods

addEventListener(eventName, listener)

イベントリスナーを登録します。

Parameters
eventName(string)
イベントの種類を表す文字列。
Map Eventsを参照(マウス操作イベントとタッチ操作イベントのみ対応)
listener(function)
登録するイベントリスナー。
イベントリスナーの引数はMap Eventsを参照して下さい。
Example
polyline.addEventListener('click', function(type, latLng, point) {
// 処理
});
getId()

idを取得します。

Returns
Type:string
idを返却します。
getLatLng()

表示位置を取得します。

Returns
Type:LatLng
表示位置を返却します。
removeEventListener(eventName, listener)

登録したイベントリスナーを削除します。

Parameters
eventName(string)
イベントの種類を表す文字列
listener(function)
削除するイベントリスナー
setLatLng(latlng)

表示位置を設定します。

Parameters
latlng(LatLng)
表示位置
setOptions(options)

オプションを設定します。

Parameters
options(Object)
オプション設定。constructorのoptionsと同じ。
setSrc(src, callback)

画像のURLとラベル文字列をセットします。

Parameters
src(Object)
画像やラベル文字列を描画するソース。コンストラクタのsrcと同じ。
callback(function)
画像読み込み終了時点で呼び出される関数
setZIndex(zIndex)

重なりの順序を設定します。値が同一の図形との重なり順は保証されません。

図形クラス間でのみ有効です。ウィジェットとの重なり順序は保証されません。
図形クラス:Polygon,Polyline,Oval,GroundOverlay,ImageLayer,GLLabel
ウィジェットクラス:Popup,Marker,UserWidget,MarkerCluster,StataicUserWidget

Parameters
zIndex(number) default 100
重なり順
大きい数字であれば手前、小さい場合は奥に配置されます。
Throws
zIndexが0以下の場合、エラーとなります。
show()

表示します。

hide()

非表示にします。