吹き出しを作成するクラスです。

実装例

コンストラクタ

ZDC.MsgInfo(latlon, content)
吹き出し作成時は非表示となっています。表示するためには後述のopen()メソッドを実行してください。

引数 プロパティ タイプ デフォルト 説明
latlon - ZDC.LatLon - 表示する場所の緯度経度
content html string null 吹き出しに表示するHTMLソース
dom DOM - 吹き出しに表示するDOM (htmlが指定されている場合はhtmlが優先)
size ZDC.WH htmlパラメータによる(※1) 表示サイズ(最大サイズ:W600px×H750px)
offset ZDC.Pixel ZDC.Pixel(0, 0) (※2) オフセット値
closeBtn boolean true true:閉じるボタンを表示する
false:閉じるボタンを表示しない
closeRadius number 10 スマートフォン・タブレットに表示する際の閉じるボタンの
半径を指定する。(※3)
propagation boolean false true:イベントが地図に伝播する
false:イベントが地図に伝播しない

※1 ・・・ 表示サイズを指定しない場合、表示内容によって吹き出しのサイズは自動で調整されます。
ただし、一部のタグ(imgタグ等)や、CSSにより吹き出し内のスタイルを設定をしている場合、正常に表示できないことがあります。
※2 ・・・ デフォルトの位置は吹き出しの先端が指定した緯度経度となります。
※3 ・・・ スマートフォン・タブレット以外の閉じるボタンの表示は変更されません。

メソッド

void open()

吹き出しを表示します。
ただし、このメソッドを実行する前にZDC.MapクラスのaddWidgetを実行してください。


void close()

吹き出しを非表示にします。
ただし、このメソッドを実行する前にZDC.MapクラスのaddWidgetを実行してください。


void moveLatLon(latlon)

吹き出しの表示位置を変更します。
ただし、このメソッドを実行する前にZDC.MapクラスのaddWidgetを実行してください。

引数 タイプ 説明
latlon ZDC.LatLon 緯度経度で指定

void setHtml(html, size)

吹き出しで表示するHTMLソースを再設定します。
ただし、このメソッドを実行する前にZDC.MapクラスのaddWidgetを実行してください。

引数 タイプ デフォルト 説明
html string null HTMLソース
size ZDC.WH (※2) 表示サイズ(最大サイズ:W600px×H750px)

※2 ・・・ コンストラクタ、または本メソッドにて表示サイズを指定した場合には、吹き出しのサイズは自動で調整されなくなります。


void setDom(dom, size)

吹き出しで表示するDOMを再設定します。
ただし、このメソッドを実行する前にZDC.MapクラスのaddWidgetを実行してください。

引数 タイプ デフォルト 説明
dom DOM - DOM
size ZDC.WH (※2) 表示サイズ(最大サイズ:W600px×H750px)

※2 ・・・ コンストラクタ、または本メソッドにて表示サイズを指定した場合には、吹き出しのサイズは自動で調整されなくなります。


void setZindex(zindex)

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

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

ZDC.LatLon getLatLon()

吹き出しの緯度経度を取得します。