Class NavigationControl

NavigationControl : 내비게이션 컨트롤
지도 위에 올릴 수 있는 내비게이션 컨트롤입니다. 생성되는 기본위치는 top-right입니다.

내비게이션 컨트롤에서 제공하는 기능은 다음과 같습니다.

  1. 줌 레벨을 조정할 수 있는 슬라이더와 +/- 버튼이 있습니다.
  2. 회전(bearing)을 리셋할 수 있는 나침반 버튼이 있습니다.
  3. 기울기(pitch)를 리셋할 수 있는 네모 버튼이 있습니다.

NavigationControl로 사용할 수 있는 기본 옵션은 NavigationOptions를 확인해주세요.


[NavigationControl 생성 방법]
NavigationControl은 Map 생성 후 addControl로 생성할 수 있습니다.
Map 생성 시 MapOptions으로도 NavigationControl을 설정할 수 있으며, 더 자세한 설명은 Map과 MapOptions을 통해 확인할 수 있습니다.

Example

map.addControl(new ktGms.control.NavigationControl({}));

map.addControl(new ktGms.control.NavigationControl({
  showRotate: true, // 나침반 버튼 표시 (default: true)
  showZoom: true, // zoom 슬라이더 표시 (default: true)
  showPitch: true, // pitch조정 시 나침반에서 반영하여 표시 (default: false)
  scaleColor: 'color' // 줌 슬라이더 색깔 지정 (default: '#7725ff')
  darkMode: false // 다크모드 여부 설정 (default: false)
  detectMobile: false // 모바일 감지 여부 설정 (default: false)
}),'top-left');

See

NavigationControl 내비게이션 컨트롤 생성 예제

Hierarchy

  • NavigationControl

Implements

  • IControl

Constructors

constructor

Methods

setShowNavigationControl getShowZoom setShowZoom getShowRotate setShowRotate getShowPitch setShowPitch getScaleColor setScaleColor getDarkMode setDarkMode

Constructors

constructor

Methods

setShowNavigationControl

  • NavigationControl을 보여줄지 설정할 수 있습니다.

    Parameters

    • showNavigationControl: boolean

      NavigationControl 표시 유무

    Returns NavigationControl

    this

    Example

    let navi:ktGms.control.NavigationControl = new ktGms.control.NavigationControl({});
    map.addControl(navi);      
    navi.setShowNavigationControl(true);

getShowZoom

  • 줌 레벨을 조정할 수 있는 슬라이더와 +/- 버튼 표시 여부를 반환합니다.

    Returns boolean

    슬라이더와 +/-버튼 표시 여부

setShowZoom

  • 줌 레벨을 조정할 수 있는 슬라이더와 +/- 버튼을 보여줄지 설정할 수 있습니다.

    Parameters

    • showZoom: boolean

      슬라이더와 +/-버튼 표시 여부

    Returns NavigationControl

    this

    Example

    let navi:ktGms.control.NavigationControl = new ktGms.control.NavigationControl({});
    map.addControl(navi);        
    navi.setShowZoom(true);

getShowRotate

  • 회전(bearing)을 리셋할 수 있는 나침반 버튼 표시 유무를 반환합니다

    Returns boolean

    나침반 버튼 표시 유무

setShowRotate

  • 회전(bearing)을 리셋할 수 있는 나침반 버튼을 보여줄지 설정할 수 있습니다.

    Parameters

    • showRotate: boolean

      나침반 버튼 표시 유무

    Returns NavigationControl

    this

    Example

    let navi:ktGms.control.NavigationControl = new ktGms.control.NavigationControl({});
    map.addControl(navi);        
    navi.setShowRotate(false);

getShowPitch

  • 기울기(pitch) 리셋 버튼 표시 유무를 반환합니다

    Returns boolean

    기울기(pitch) 리셋 버튼 표시 유무

setShowPitch

  • 기울기(pitch)를 리셋할 수 있는 네모 버튼을 보여줄지 설정할 수 있습니다.

    Parameters

    • showPitch: boolean

      네모 버튼 표시 여부

    Returns NavigationControl

    this

    Example

    let navi:ktGms.control.NavigationControl = new ktGms.control.NavigationControl({});
    map.addControl(navi);        
    navi.setShowPitch(false);

getScaleColor

  • 줌 레벨을 조절할 수 있는 슬라이더의 색깔을 반환합니다

    Returns string

    슬라이더 색깔

setScaleColor

  • 줌 레벨을 조절할 수 있는 슬라이더의 색깔을 설정할 수 있습니다.

    Parameters

    • scaleColor: color

      슬라이더 색깔

    Returns NavigationControl

    this

    Example

    let navi:ktGms.control.NavigationControl = new ktGms.control.NavigationControl({});     
    map.addControl(navi);        
    navi.setScaleColor("#ddd333");

getDarkMode

  • 다크모드 여부를 반환합니다.

    Returns boolean

    다크모드 여부

setDarkMode

  • 다크모드를 설정할 수 있습니다.

    Parameters

    • darkMode: boolean

      다크모드 여부

    Returns NavigationControl

    this

    Example

    let navi:ktGms.control.NavigationControl = new ktGms.control.NavigationControl({});     
    map.addControl(navi);        
    navi.setDarkMode(true);

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc