ImageMapGenerator¶

목적
Image에서 특정 영역에 대한 코드값을 확인할 때 사용함 (코드 활용 방법은 ImageMarkArea 참고)

주요 단계¶

1.1. IMAGEMAPGENERATOR UI 생성¶

o 원하는 Aggregation을 선택 후 IMAGEMAPGENERATOR 생성

<사진 1> IMAGEMAPGENERATOR UI 생성 팝업 화면

2. IMAGEMAPGENERATOR UI 속성¶

<사진 2> IMAGEMAPGENERATOR 배치 및 속성(Attributes) 설정 화면

2.1. 주요 속성¶

Name	Description
imgHeight	불러온 Image의 높이를 변경
imgWidth	불러온 Image의 너비를 변경
imgMapHeight	ImageMapGenerator의 높이를 변경
imgMapWidth	ImageMapGenerator의 너비를 변경
maximumFileSize	파일 크기의 최댓값을 설정 (단위: MB, 초과 시 팝업 메시지 호출됨)
visible	ImageMapGenerator를 보이기/숨김 설정 가능
coordDisplay(Events)	Image를 불러온 후 특정 영역을 지정하고 '코드보기' 버튼을 클릭하면 이벤트 발생

3. 코드 확인 이벤트 생성¶

3.1. Image의 특정 영역을 선택하고 '코드보기' 기능을 사용하여 좌표값 확인을 위한 Event 생성¶

3.2. ABAP 소스 코드 예시 (EV_COORD_PRESS)¶

METHOD EV_COORD_PRESS.

      DATA : LS_FORM_DATA LIKE LINE OF IT_FORM_DATA.
      DATA : LV_MSG TYPE STRING.

*--------------------------------------------------------------------*
    "CODE 정보를 가져오는 TABLE 확인
    CHECK IT_FORM_DATA IS NOT INITIAL.
    "좌표값을 가져오는 STRUCTURE만 읽어오기
    READ TABLE IT_FORM_DATA INTO LS_FORM_DATA WITH KEY NAME = 'coordDisplay|coords'.
    "CODE 정보를 정상적으로 가져왔는지 확인.
    CHECK LS_FORM_DATA-VALUE IS NOT INITIAL.
    "MESSAGE 내역 만들기
    CONCATENATE   'The coordinates of the specified area are ' 
                           CL_ABAP_CHAR_UTILITIES=>NEWLINE
   LS_FORM_DATA-VALUE INTO LV_MSG.
    "MESSAGE 출력
    CALL METHOD /U4A/CL_UTILITIES=>M_MESSAGETOAST
      EXPORTING
        IO_VIEW    = ME->/U4A/IF_SERVER~AR_VIEW    " [U4A] UI Element Super Class
        I_MSGTX    = LV_MSG.                                  
  " MESSAGE TEXT

    ENDMETHOD.

4. Web에서 코드 확인¶

4.1. Web에서 Image를 불러오고 특정 영역을 지정 후 '코드보기' 버튼 클릭¶

4.2. Message 호출하여 코드 확인 가능¶

<사진 3> Rect(사각형 모양) 영역 코드 확인 화면

<사진 4> Poly(사용자 직접 지정 모양) 영역 코드 확인 화면