POI 또는 Marker와 연동되는 Tag를 생성할 수 메소드를 관리하는 Class

Constructors

  • Parameters

    • dabeeoMapsManager: DabeeoMapsManager | DabeeoMaps2dManager

    Returns Tag

Methods

  • tag 삭제 메소드

    Parameters

    • id: string

      삭제할 Tag의 ID

    Returns void

    Example

    map.tag.clear(tagId); // tagId: 삭제할 tag의 ID
    
  • 지도상에 존재하는 모든 Tag들을 삭제하는 메소드

    Returns void

    Example

    map.tag.clearAll();
    
  • Tag 생성 구문 Note: 현재 표출된 층에 대해서만 동작합니다. 층변경시 자동으로 삭제됩니다.

    Parameters

    • options: IUserTagInfo

      tag 생성 시 필요한 정보 옵션

    Returns any

    Example

    const tag = document.createElement('div');
    const option: IListTagInfo = {
    coordinate: {x : 500, y: 500, z: 100}; // 생성할 tag의 중심 좌표
    tag: tag, // 생성할 HTML Element tag
    floorId: pois[i].floorId // tag가 존재할 층의 ID
    }
    map.tag.set(option);
  • marker와 연동되는 Tag생성 구문 Note: 현재 표출된 층에 대해서만 동작합니다. 층변경시 자동으로 삭제됩니다.

    Parameters

    Returns undefined | {
        [key: string]: any;
    }

    생성된 tag의 정보

    Example

    const tag = document.createElement('div');
    const option = {
    parentId: markerId, // tag와 연동될 marker의 id
    pos: 'TOP', // tag의 위치. 'TOP' | 'BOTTOM' | 'LEFT' | 'RIGHT' | 'CENTER'로 구분
    tag: tag // 생성할 tag정보
    }
    map.tag.setMarkerTag(option);
  • poi와 연동되는 Tag생성 구문 Note: 현재 표출된 층에 대해서만 동작합니다. 층변경시 자동으로 삭제됩니다.

    Parameters

    Returns undefined | {
        [key: string]: any;
    }

    생성된 tag의 정보

    Example

    const tag = document.createElement('div');
    const option = {
    parentId: poiId, // tag와 연동될 poi의 id
    pos: 'TOP', // tag의 위치. 'TOP' | 'BOTTOM' | 'LEFT' | 'RIGHT' | 'CENTER'로 구분
    tag: tag // 생성할 tag정보
    }
    map.tag.setPOITag(option);