개요
GoogleMap 컴포넌트에 로드된 지도에 특정라인을 표시를 할 때 사용하는 오브젝트입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☐ Windows | ☐ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☐ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☐ Android | ☐ iOS/iPadOS | |||
- locationdata 에 설정된 좌표값을 순서대로 선으로 연결하여 라인을 만듭니다.
속성
linecolor
GoogleMapPolyline 의 locationdata 속성에 설정된 위치를 연결하는 선의 색상을 설정하는 속성입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☐ Windows | ☐ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☐ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☐ Android | ☐ iOS/iPadOS | |||
속성 타입
☐ Enum | ☐ Expr | ☐ Control | ☐ Hidden | ☐ ReadOnly | ☐ Bind | ☐ Collection | ☐ StringResource |
문법
GoogleMapPolyline.linecolor[= strColor]
문법 설정
strColor ::= <NamedColor> | <NumericColor> | ||
var objMP = new nexacro.GoogleMapPolyline(); objMP.linecolor = "red"; objMP.linecolor = "#999999"; objMP.linecolor = "rgb(255,0,0)"; | ||
<NamedColor> | "red","blue" 와 같이 미리 정의된 색상이름을 문자열로 설정합니다. | |
|---|---|---|
<NumericColor> | 표시할 색의 색상코드입니다. "#" 기호로 시작하는 6자리 hexadecimal 값으로 색상코드를 설정할 수 있습니다. (ex-"#FF00FF") red, green, blue 값을 인자로 하는 "rgb()" 메소드로 색상코드를 설정할 수 있습니다. (ex-"rgb(255,0,255)") red, green, blue, alpha 값을 인자로 하는 "rgba()" 메소드로 색상코드를 설정할 수 있습니다. (ex-"rgba(255,0,255,0.3)") hue, saturation, lightness 값을 인자로 하는 "hsl()" 메소드로 색상코드를 설정할 수 있습니다. (ex-"hsl(120,50%,50%)") hue, saturation, lightness, alpha 값을 인자로 하는 "hsla()" 메소드로 색상코드를 설정할 수 있습니다. (ex-"hsla(120,50%,50%,0.8)") | |
참고
- linecolor 속성값을 설정하지 않으면 "black" 으로 적용됩니다. - GoogleMapPolyline 오브젝트의 선이 지정된 색으로 표시됩니다.
linewidth
GoogleMapPolyline 의 locationdata 속성에 설정된 위치를 연결하는 선의 너비를 설정하는 속성입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☐ Windows | ☐ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☐ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☐ Android | ☐ iOS/iPadOS | |||
속성 타입
☐ Enum | ☐ Expr | ☐ Control | ☐ Hidden | ☐ ReadOnly | ☐ Bind | ☐ Collection | ☐ StringResource |
문법
GoogleMapPolyline.linewidth[= nWidth]
문법 설정
var objMP = new nexacro.GoogleMapPolyline(); objMP.linewidth = "1px"; | ||
nWidth | 선의 너비를 pixel 단위의 숫자로 설정합니다. | |
|---|---|---|
locationdata
지도에 표시할 GoogleMapPolyline 의 좌표를 설정하는 속성입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☐ Windows | ☐ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☐ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☐ Android | ☐ iOS/iPadOS | |||
속성 타입
☐ Enum | ☐ Expr | ☐ Control | ☐ Hidden | ☐ ReadOnly | ☐ Bind | ☐ Collection | ☐ StringResource |
문법
GoogleMapPolyline.locationdata[= strData]
문법 설정
strData ::= <location> [<location>]* <location> ::= '[' <nlatitude> ',' <nlongitude> ']' | ||
var objMP = new nexacro.GoogleMapPolyline(); objMP.locationdata = "[37.51,127.06][37.51,127.07][37.50,127.06]"; | ||
<location> | "[ ]" 로 구분하여 두개 이상의 위도,경도 좌표를 설정합니다. | |
|---|---|---|
<nlatitude> | GoogleMapPolyline 의 선을 결정하기 위한 위도좌표를 설정합니다. | |
<nlongitude> | GoogleMapPolyline 의 선을 결정하기 위한 경도좌표를 설정합니다. | |
참고
- 설정된 값의 첫좌표에서 다음좌표로 연속하여 연결한 선이 표시됩니다. - locationdata 속성에 위치좌표는 2개 이상 설정할 수 있으며 갯수에 따라 선의 형태가 결정됩니다.
visible
GoogleMapPolyline 을 지도에 표시할 지 여부를 설정하는 속성입니다.
지원 환경
Desktop NRE | Desktop WRE | |||||
|---|---|---|---|---|---|---|
☐ Windows | ☐ macOS | ☑ Edge | ☑ Chrome | ☑ Safari | ☑ Firefox | ☐ Opera |
Mobile NRE | Mobile WRE | |||||
☑ Android | ☑ iOS/iPadOS | ☐ Android | ☐ iOS/iPadOS | |||
속성 타입
☐ Enum | ☐ Expr | ☐ Control | ☐ Hidden | ☐ ReadOnly | ☐ Bind | ☐ Collection | ☐ StringResource |
문법
GoogleMapPolyline.visible[= bVisible]
문법 설정
bVisible ::= 'true' | 'false' | ||
var objMP = new nexacro.GoogleMapPolyline(); objMP.visible = false; | ||
"true" | 지도에 추가된 GoogleMapPolyline 을 표시합니다. | |
|---|---|---|
"false" | 지도에 추가된 GoogleMapPolyline 를 표시하지 않습니다. | |
참고
- visible 속성값을 설정하지 않으면 "true" 로 적용됩니다.