페이지 트리

버전 비교

  • 이 줄이 추가되었습니다.
  • 이 줄이 삭제되었습니다.
  • 서식이 변경되었습니다.


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


펼치기
title패치 적용 방법 안내


도움말
titleGeoMap 패치 적용 방법
  1. 기존 패키지 패치 방법과 동일하게 백업 후 패치를 진행합니다.
    1. 패치 파일: GeoMap_patch.zip
    2. 패치 파일 미리보기:


    3. 패치 파일 덮어쓰기 경로: REPORTPATH(보고서 파일 위치, Admin > 시스템 옵션 > REPORTPATH 확인)
  2. GeoMap 컴포넌트 사용을 위해 필요한 데이터를 아래의 보고서를 통해 생성합니다.
    1. 생성 데이터: 지도 GeoJSON 데이터 / 지도 영역 다국어(한국어) 데이터
    2. 보고서 파일: MAP_DATABASE_생성하기.mtsd
    3. 보고서 미리보기:


    4. 보고서를 해당 서버에서 오픈 후, 보고서에서 안내한 대로 1번부터 3번까지의 과정을 진행합니다. 단, 반드시 패치 우선 적용이 필요합니다.
  3. GeoMap 컴포넌트 사용을 위한 UserComponent 보고서를 아래의 경로에서 [ 다른 이름으로 저장 ] 하여 다운받아 사용합니다.
    1. URL: https://rnd.bimatrix.co.kr/aud7/portal/Content.jsp
    2. 보고서 위치: 공용 폴더 > 1. 샘플보고서 > 1.1. i-AUD > UserComponent
    3. 보고서 이름: [GeoMap] MAP_USERCOMPONENT_REPORT

      참고사항
      title제약 사항

      UserComponent 보고서는 i-AUD Designer 혹은 ADMIN에서만 확인이 가능합니다.

  1. AddIn 컨트롤의 Component 목록에 GeoMap을 추가합니다.
    1. 추가 방법: CONTEXTPATH/extention/AUD/addin.properties 를 오픈하여 다음과 같이 "GeoMap"을 작성 후 저장합니다.
    2. i-AUD Designer에서 AddIN 컨트롤 생성 후 우측 PropertyGrid의 Base > Class 속성 목록에 정상적으로 추가되었음을 확인합니다.

  2. i-AUD Designer에서 신규 보고서를 생성하여 아래의 규칙을 따라 GeoMap 컴포넌트를 사용합니다.
    1. UserComponent 컨트롤을 생성하여, 우측 PropertyGrid의 Base > Source 를 3번 과정에서 다운받은 보고서로 설정합니다.
      1. 설정하는 방법은 UserComponent 가이드 를 참고하십시오.
    2. 보고서 스크립트에 아래와 같이 작성합니다.
      1. OnDocumentLoadComplete 이벤트
      2. GeoMap 컴포넌트 제공 이벤트 사용
      3. 자세한 사항은 보고서 샘플을 참고하십시오.



도움말
iconfalse
title기능 설명
  1. 지도 컴포넌트를 AUD Designer에서 편집, 실행할 수 있습니다.



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


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 객체와 아래 Feature 객체를 전달받습니다.

OnMarkerMouseOver

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

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


정보
title필수 옵션

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


참고사항
title제약 사항

해당 기능은 ie11에서 사용 불가능합니다.


정보
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 버전 국내지도 개발


...