연구 개발 매뉴얼
공간 바로가기
페이지 트리

버전 비교

이전 버전 1

changes.mady.by.user AUD팀

에 저장

비교대상

새 버전 2

changes.mady.by.user AUD팀

에 저장

키

  • 이 줄이 추가되었습니다.
  • 이 줄이 삭제되었습니다.
  • 서식이 변경되었습니다.
댓글: 지도 컴포넌트(1차 개발 완료) 가이드 작성


GeoMap 컴포넌트 사용 가이드


Start Release No : 7.0.400.20230517 / Update Release No :

프로젝트명 : (BCRM#D0732) AUD플랫폼 7 버전 국내지도 개발

작성자 :  황송희    / 검수자 : 


기능 정보
  •  API Open
  •  UI Open
  •  Read Only
  •  Not Use
  •  Hidden
  •  Not Recommend


  1. 지도 컴포넌트를 AUD Designer에서 편집, 실행할 수 있습니다.
    1. Image Added

  2. 세부 기능
    1. zoom-in, zoom-out: 지도에서 표시하는 영역을 zoom-in , zoom-out 하여 확인할 수 있습니다.
    2. undo,redo: load되었던 지도 정보를 기억하여 undo, redo 하며 history를 확인할 수 있습니다.


도움말
iconfalse
title기능 설명
  • 실행 경로 : [제품(상품)명 > 컨트롤러(컴포넌트) 명 > 기능명(Property,Method,Event) > 속성(파라미터) 명]
    • 사용 방법
  • 이미지 추가 및 설명을 작성 합니다.
    1. 세부 내역
    • 적용 결과
    코드 블럭
    languagejs
    themeFadeToGrey
    firstline1
    titleExample code
    linenumberstrue

    Property 명

    		Property 설명
    Source
    • Map의 source
    Features
    • Map의 모든 Feature객체 정보
    UseHighlightStyle
    • feature mouseover시의 하이라이트 기능 사용 유무. (default:false)
    HighlightStyle
    • feature mouseover시의 하이라이트 기능의 style 객체
    • 변경 가능한 속성: stroke(color, width), fill(color)


    • 펼치기
      languagetext
      themeFadeToGrey
      firstline1
      titleMethod
      linenumberstrue
      collapsetrue
      • getStroke(): stroke 반환
        • setColor(color): stroke의 color를 설정합니다.
        • setWidth(width): stroke의 width를 설정합니다.
      • getFill(): fill 반환
        • setColor(color): fill의 color를 설정합니다.



    DefaultMapStyle

    Map의 기본 style 객체

    • 변경 가능한 속성: stroke(color, width), fill(color), font(color,size)


    • 펼치기
      languagetext
      themeFadeToGrey
      firstline1
      titleMethod
      linenumberstrue
      collapsetrue
      • getStroke(): stroke 반환
        • setColor(color): stroke의 color를 설정합니다.
        • setWidth(width): stroke의 width를 설정합니다.
      • getFill(): fill 반환
        • setColor(color): fill의 color를 설정합니다.
      • getFont(): font 반환
        • setColor(color): font의 color를 설정합니다.
        • setSize(width): font의 size를 설정합니다.




    Method 명

    		Method 설명
    Update()

    Map의 style 속성, feature의 style 속성값 변경 후 해당 Method를 실행하면 변경된 값에 맞게 Map의 Layer가 change됩니다.

    Clear()

    Map의 모든 layer의 source가 refresh, 즉 초기화됩니다.

    LoadMap(GeoJSON)

    feature 정보가 존재하는 featureCollection 타입의 GeoJSON을 전달받아 Map이 Load됩니다.

    getFeature(featureLabelName)

    매개 변수 featureLabelName과 feature 객체의 LABEL 속성값과 일치하는 feature를 반환합니다.

    펼치기
    titleMethod
    • setStyleProperty(propertyName, propertyValue): 해당 객체의 style 속성을 설정합니다. 설정한 style 속성값은 Update() 실행 후 반영됩니다.
      • 변경 가능한 속성: FILLCOLOR, FONTCOLOR, FONTSIZE, FONTWEIGHT
      • ex) feature.setStyleProperty("FILLCOLOR","#C2C2C5");


    setFeaturesStyleProperties(dataTable)

    매개 변수 dataTable의 각 row의 'LABEL' column의 data와 자신의 LABEL 속성값과 일치하는 featrue의 style 속성을 변경, 설정합니다.

    변경 가능한 속성은 setStyleProperty와 동일합니다.

    addMarker(locations)

    매개 변수 locations 정보에 맞는 위치에 Marker를 생성하고, 해당 Marker 객체를 반환합니다.

    펼치기
    titleMethod
    • setImg(imgUrl, imgScale): 기본 제공 마커 이미지 대신 다른 이미지를 원하는 scale에 맞춰 설정합니다.
      • imgUrl: contextpath/reports/WEB_IMAGES 아래의 이미지 파일
    • removeMarkers(coordinate): 매개 변수 coordinate에 해당하는 marker를 제거합니다.


    addLine(locations)

    매개 변수 locations 정보에 맞는 위치에 Line을 생성하고, 해당 Line 객체를 반환합니다.

    펼치기
    titleMethod
    • setColor(color): line 객체의 color를 설정합니다.
    • setWidth(width): line 객체의 width를 설정합니다.
    • setLineDash(linedash): line 객체의 lineDash style를 설정합니다.
    • setLineCap(lineCap): line 객체의 line style를 설정합니다.
    • removeLines(coordinate): 매개 변수 coordinate에 해당하는 line를 제거합니다.



    Event 명

    		Event 설명
    OnMapLoaded

    LoadMap이 끝난 후, 즉 Map이 load되고 나서 발생합니다.

    OnFeatureClick

    Map의 어떠한 Feature를 click시 발생합니다.

    해당 Feature 객체를 전달받습니다.

    OnFeatureMouseOver

    Map의 어떠한 Feature를 mouseover시 발생합니다.

    해당 Feature 객체를 전달받습니다.

    OnFeatureMouseOut

    Map의 어떠한 Feature를 mouseover시 발생합니다.

    해당 Feature 객체를 전달받습니다. 단, feature가 없는 경우, undefined를 전달합니다.

    OnMarkerClick

    Map에 Marker가 존재하고 해당 Marker를 click시 발생합니다.

    해당 Marker 객체를 전달받습니다.

    OnMarkerMouseOver

    Map에 Marker가 존재하고 해당 Marker를 mouseover시 발생합니다.

    해당 Marker 객체를 전달받습니다.


    정보
    title필수 옵션
    • 옵션 설정 방법
    • 옵션 값 별 정의

    개발 완료 예정인 기능입니다.


    참고사항
    title제약 사항
    • 특정 환경에서 동작 안됨
    • 특정 설정에 따라서 동작을 안 함

    개발 완료 예정인 기능입니다.


    정보
    title샘플 정보

    샘플 URL : http://rnd.bimatrix.co.kr:8080/aud7/portal/Content.jsp?id=REP246E38C4A93649E7962A2ACC7635716D

    샘플 파일

    첨부 파일
    patterns.*jsp,.*zip,.*xml,.*js,.*mtsd,.*xlsx,.*xlsb,.*mtzb,.*mtvx,.*mtx,.*mtxz,


    변경 전/후 제품 버전

    		변경 전(제품 버전)변경 후(제품 버전)

    변경 전 :

    변경 후 :




    참고사항
    title참고 자료


    펼치기

    첨부 파일



    정보
    title문서 수정 이력
    변경 이력

    하위 페이지 표시
    alltrue



    정보
    titleBCRM 정보

    (BCRM#D0732) AUD플랫폼 7 버전 국내지도 개발

    ...