- 지도 컴포넌트를 AUD Designer에서 편집, 실행할 수 있습니다.
- 세부 기능
- zoom-in, zoom-out: 지도에서 표시하는 영역을 zoom-in , zoom-out 하여 확인할 수 있습니다.
- undo,redo: load되었던 지도 정보를 기억하여 undo, redo 하며 history를 확인할 수 있습니다.
Property 명 | Property 설명 |
|---|
| Source | | | Features | | | UseHighlightStyle | - feature mouseover시의 하이라이트 기능 사용 유무. (default:false)
| | HighlightStyle | - feature mouseover시의 하이라이트 기능의 style 객체
- 변경 가능한 속성: stroke(color, width), fill(color)
| 펼치기 |
|---|
| language | text |
|---|
| theme | FadeToGrey |
|---|
| firstline | 1 |
|---|
| title | Method |
|---|
| linenumbers | true |
|---|
| collapse | true |
|---|
| - 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)
| 펼치기 |
|---|
| language | text |
|---|
| theme | FadeToGrey |
|---|
| firstline | 1 |
|---|
| title | Method |
|---|
| linenumbers | true |
|---|
| collapse | true |
|---|
| - 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를 반환합니다. | 펼치기 |
|---|
| - 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(markerInfos) | 매개 변수 markerInfos정보에 맞는 위치에 Marker를 생성하고, 해당 Marker 객체를 반환합니다. - markerInfos : Array<object> 예시)
| 코드 블럭 |
|---|
| language | js |
|---|
| title | markerInfos 예시 |
|---|
| collapse | true |
|---|
| [{'name' : '세방빌딩',
'id' : 'ID_AA',
'lonLat': ['127.0448', '37.5038']},
{'name' : '경복궁',
'id' : 'ID_BB',
'lonLat': ['126.9602', '37.5788']} ] |
| 펼치기 |
|---|
| - setImg(imgUrl, imgScale): 기본 제공 마커 이미지 대신 다른 이미지를 원하는 scale에 맞춰 설정합니다.
- imgUrl: contextpath/reports/WEB_IMAGES 아래의 이미지 파일
- removeMarkers(coordinateid): 매개 변수 coordinate에 id에 해당하는 marker를 제거합니다. id가 undefined일 경우, 모든 marker를 제거합니다.
|
| | addLine(locations) | 매개 변수 locations 정보에 맞는 위치에 Line을 생성하고, 해당 Line 객체를 반환합니다. | 펼치기 |
|---|
| - setColor(color): line 객체의 color를 설정합니다. Update() 실행 후 UI가 변경됩니다.
- setWidth(width): line 객체의 width를 설정합니다. Update() 실행 후 UI가 변경됩니다.
- setLineDash(linedash): line 객체의 lineDash style를 설정합니다. Update() 실행 후 UI가 변경됩니다.
- setLineCap(lineCap): line 객체의 line style를 설정합니다. Update() 실행 후 UI가 변경됩니다.
- 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 객체와 아래 Layer의 Feature 객체를 전달받습니다. | | OnMarkerMouseOver | Map에 Marker가 존재하고 해당 Marker를 mouseover시 발생합니다. 해당 Marker 객체를 전달받습니다. |
| 정보 |
|---|
| 해당 가이드에서 제공하는 별도 패치 파일 없이는 GeoMap 컴포넌트를 사용하실 수 없습니다. |
| 참고사항 |
|---|
| 해당 기능은 ie11에서 사용 불가능합니다. |
| 정보 |
|---|
| 샘플 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, |
|---|
|
|
변경 전/후 제품 버전 | 변경 전(제품 버전) | 변경 후(제품 버전) |
|---|
변경 전 : 변경 후 : | | |
|
