HtmlMarkerOptions interface
HtmlMarker 개체 렌더링 옵션
- Extends
속성
anchor | 지도의 위치를 기준으로 표식의 위치를 나타냅니다.
선택적 값: |
color | htmlContent 문자열에 포함된 모든 {color} 자리 표시자 속성을 대체하는 색 값입니다.
기본 |
draggable | 사용자가 마우스 또는 터치 컨트롤을 사용하여 마커의 위치를 끌 수 있는지 여부를 나타냅니다.
기본 |
html |
표식의 HTML 콘텐츠입니다. HTMLElement 또는 HTML 문자열일 수 있습니다. HTML 문자열에 {text} 및 {color}를 자리 표시자로 추가하여 HtmlMarker 클래스의 setOptions 함수를 사용하여 표식에서 이러한 값을 쉽게 업데이트할 수 있습니다. 이렇게 하면 여러 표식에 대한 템플릿으로 사용할 수 있는 단일 HTML 표식 문자열을 만들 수 있습니다. |
pixel |
표식 중심을 기준으로 팝업을 이동하는 오프셋(픽셀)입니다.
음수는 왼쪽과 위쪽을 나타냅니다. 기본 |
popup | 표식에 연결된 팝업입니다. |
position | 표식의 위치입니다.
기본 |
secondary |
문자열 htmlContent에 포함된 {secondaryColor} 자리 표시자 속성을 대체하는 색 값입니다.
기본 |
text | htmlContent 문자열에 포함된 모든 {text} 자리 표시자 속성을 대체하는 텍스트 문자열입니다. |
visible | 표식이 표시되는지 여부를 지정합니다.
기본 |
속성 세부 정보
anchor
지도의 위치를 기준으로 표식의 위치를 나타냅니다.
선택적 값: "center"
, , "bottom"
"top"
, "left"
, "right"
, "top-left"
, "top-right"
, , . "bottom-right"
"bottom-left"
기본 "bottom"
anchor?: PositionAnchor
속성 값
color
htmlContent 문자열에 포함된 모든 {color} 자리 표시자 속성을 대체하는 색 값입니다.
기본 "#1A73AA"
color?: string
속성 값
string
draggable
사용자가 마우스 또는 터치 컨트롤을 사용하여 마커의 위치를 끌 수 있는지 여부를 나타냅니다.
기본 false
draggable?: boolean
속성 값
boolean
htmlContent
표식의 HTML 콘텐츠입니다. HTMLElement 또는 HTML 문자열일 수 있습니다. HTML 문자열에 {text} 및 {color}를 자리 표시자로 추가하여 HtmlMarker 클래스의 setOptions 함수를 사용하여 표식에서 이러한 값을 쉽게 업데이트할 수 있습니다. 이렇게 하면 여러 표식에 대한 템플릿으로 사용할 수 있는 단일 HTML 표식 문자열을 만들 수 있습니다.
htmlContent?: string | HTMLElement
속성 값
string | HTMLElement
pixelOffset
popup
position
secondaryColor
문자열 htmlContent에 포함된 {secondaryColor} 자리 표시자 속성을 대체하는 색 값입니다.
기본 "white"
secondaryColor?: string
속성 값
string
text
htmlContent 문자열에 포함된 모든 {text} 자리 표시자 속성을 대체하는 텍스트 문자열입니다.
text?: string
속성 값
string
visible
표식이 표시되는지 여부를 지정합니다.
기본 true
visible?: boolean
속성 값
boolean