HtmlMarkerOptions interface

パッケージ:

azure-maps-control

HtmlMarker オブジェクトをレンダリングするためのオプション

Extends

Options

プロパティ

anchor	マップ上の位置に対するマーカーの位置を示します。 省略可能な値: "center"、、、"bottom"、、"left"、"top-left""right"、"top-right"、"bottom-left"。 "bottom-right""top" 既定 "bottom"
color	文字列 htmlContent に含まれている {color} プレースホルダー プロパティを置き換える色の値。 既定 "#1A73AA"
draggable	ユーザーがマウスまたはタッチ コントロールを使用してマーカーの位置をドラッグできるかどうかを示します。 既定 false
htmlContent	マーカーの HTML コンテンツ。 HTMLElement または HTML 文字列を指定できます。 HtmlMarker クラスの setOptions 関数を使用してマーカー内のこれらの値を簡単に更新できるように、プレースホルダーとして {text} と {color} を HTML 文字列に追加します。 これにより、複数のマーカーのテンプレートとして使用できる 1 つの HTML マーカー文字列を作成できます。
pixelOffset	マーカーの中心を基準にしてポップアップを移動するオフセット (ピクセル単位)。 負の値は左と上を示します。既定 [0, 0]
popup	マーカーにアタッチされているポップアップ。
position	マーカーの位置。 既定 [0, 0]
secondaryColor	文字列 htmlContent に含まれている {secondaryColor} プレースホルダー プロパティを置き換える色の値。 既定 "white"
text	文字列 htmlContent に含まれている {text} プレースホルダー プロパティを置き換える文字列。
visible	マーカーが表示されるかどうかを指定します。 既定 true

プロパティの詳細

anchor

マップ上の位置に対するマーカーの位置を示します。 省略可能な値: "center"、、、"bottom"、、"left"、"top-left""right"、"top-right"、"bottom-left"。 "bottom-right""top" 既定 "bottom"

anchor?: PositionAnchor

プロパティ値

PositionAnchor

color

文字列 htmlContent に含まれている {color} プレースホルダー プロパティを置き換える色の値。 既定 "#1A73AA"

color?: string

プロパティ値

string

draggable

ユーザーがマウスまたはタッチ コントロールを使用してマーカーの位置をドラッグできるかどうかを示します。 既定 false

draggable?: boolean

プロパティ値

boolean

htmlContent

マーカーの HTML コンテンツ。 HTMLElement または HTML 文字列を指定できます。 HtmlMarker クラスの setOptions 関数を使用してマーカー内のこれらの値を簡単に更新できるように、プレースホルダーとして {text} と {color} を HTML 文字列に追加します。 これにより、複数のマーカーのテンプレートとして使用できる 1 つの HTML マーカー文字列を作成できます。

htmlContent?: string | HTMLElement

プロパティ値

string | HTMLElement

pixelOffset

マーカーの中心を基準にしてポップアップを移動するオフセット (ピクセル単位)。 負の値は左と上を示します。既定 [0, 0]

pixelOffset?: Pixel

プロパティ値

Pixel

popup

マーカーにアタッチされているポップアップ。

popup?: Popup

プロパティ値

Popup

position

マーカーの位置。 既定 [0, 0]

position?: Position

プロパティ値

Position

secondaryColor

文字列 htmlContent に含まれている {secondaryColor} プレースホルダー プロパティを置き換える色の値。 既定 "white"

secondaryColor?: string

プロパティ値

string

text

文字列 htmlContent に含まれている {text} プレースホルダー プロパティを置き換える文字列。

text?: string

プロパティ値

string

visible

マーカーが表示されるかどうかを指定します。 既定 true

visible?: boolean

プロパティ値

boolean