OpenLayers 기능별 정리본

2017년 GIS 회사에 인턴 프로젝트를 하면서 openlayers를 처음으로 접했습니다.

MAP API도 써보고 Java Swing도 사용해보았지만 html에서 무언가를 그린다는걸 생각 못했던 신입이었던 저에게 웹에서 GIS를 표현한다는건 놀라웠습니다.

그래서 재미를 붙였고 용어, 개념, 기능을 정리했었습니다.

개념과 용어는 인터넷에 있는 내용들을 보기 좋게 스크랩한 결과였고 직접 정리한 건 openlayers의 기능별로 어디에 사용하면 좋겠다는 내용이었고 블로그에도 게시해놓기로 했습니다.

초보였던 저처럼 GIS를 처음 하시는 분들에게 도움이 되기를 바랍니다.

---

1. 기본사이트 구상 : 최종 구현 시스템을 고려하여 프로토 타입 생성
   1. 확대, 축소 - 기본 http://openlayers.org/en/latest/examples/accessible.html#map
   2. 화면 이동 및 검색 목록 클릭시 이동 - 기본 http://openlayers.org/en/latest/examples/animation.html http://openlayers.org/en/latest/examples/center.html
   • http://openlayers.org/en/latest/examples/navigation-controls.html
   1. 마크 표시 + 이동경로 - 기본 및 전제조건, 부가기능 기능 http://openlayers.org/en/latest/examples/draw-features.html

http://openlayers.org/en/latest/examples/line-arrows.html

해당 택시 클릭시 이동경로 표시 - 전제조건 http://openlayers.org/en/latest/examples/draw-features.html

http://openlayers.org/en/latest/examples/feature-move-animation.html // 이동 시뮬

http://openlayers.org/en/latest/examples/popup.html

1. 마우스 오버 - 텍스트 승무원명 + 전화번호 - 기본관제기능 http://openlayers.org/en/latest/examples/getfeatureinfo-image.html

http://openlayers.org/en/latest/examples/gpx.html

http://openlayers.org/en/latest/examples/icon.html

http://openlayers.org/en/latest/examples/image-vector-layer.html

http://openlayers.org/en/latest/examples/measure.html //미터 표시

http://openlayers.org/en/latest/examples/vector-layer.html

1. 새로운 이미지 + 아이콘 추가하여 택시 표시 - 전제조건
2. 드래그 하여 해당 위치 클릭 - 부가기능 http://openlayers.org/en/latest/examples/box-selection.html
3. 택시의 이동 표현 - http://openlayers.org/en/latest/examples/dynamic-data.html
4. 전체 화면 예제 http://openlayers.org/en/latest/examples/full-screen-source.html

http://openlayers.org/en/latest/examples/full-screen.html

1. 탑승 여부를 표시 http://openlayers.org/en/latest/examples/icon-color.html
2. 해당 데이터에 대한 지역 분포도(포인트) - 추가사항 http://openlayers.org/en/latest/examples/earthquake-custom-symbol.html http://openlayers.org/en/latest/examples/earthquake-clusters.html

http://openlayers.org/en/latest/examples/heatmap-earthquakes.html

http://openlayers.org/en/latest/examples/kml-earthquakes.html

1. 선택에 의한 탑승 택시와 미탑승 택시 전환 - 추가사항 http://openlayers.org/en/latest/examples/layer-group.html
2. 화면 분할하기 - 추가사항 http://openlayers.org/en/latest/examples/layer-clipping.html

경로에 대해서 로그 남기기 http://openlayers.org/en/latest/examples/draw-and-modify-features.html

교집합, 차집합, 합집합 등 컴포넌트에 대한 http://openlayers.org/en/latest/examples/blend-modes.html

Map에 컴포넌트 추가하기 http://openlayers.org/en/latest/examples/button-title.html

Cartodb 예제 http://openlayers.org/en/latest/examples/cartodb.html

포인트 기능이 클러스트를 나타내는 예제 http://openlayers.org/en/latest/examples/cluster.html

배경색 채도 변환 http://openlayers.org/en/latest/examples/color-manipulation.html

이미지 지도 http://openlayers.org/en/latest/examples/drag-and-drop.html

지도 이미지 캡처 다운로드 http://openlayers.org/en/latest/examples/export-map.html

지도 이미지 캡처 다운로드 http://openlayers.org/en/latest/examples/export-pdf.html

플레시 애니메이션 계층이 추가 될 때마다 갱신 http://openlayers.org/en/latest/examples/feature-animation.html

http://openlayers.org/en/latest/examples/feature-animation.html

랜더링의 예제 http://openlayers.org/en/latest/examples/fractal.html

도형 나타내기 http://openlayers.org/en/latest/examples/geojson.html

모바일 경로 시뮬레이션 http://openlayers.org/en/latest/examples/geolocation-orientation.html

현재 위치 http://openlayers.org/en/latest/examples/geolocation.html

레이어에 대해서 읽어오기 http://openlayers.org/en/latest/examples/getfeatureinfo-layers.html

http://openlayers.org/en/latest/examples/getfeatureinfo-tile.html

지도의 보여지는 방식 변경 http://openlayers.org/en/latest/examples/here-maps.html

아이콘 변경 http://openlayers.org/en/latest/examples/icon-negative.html

이동경로 및 해당 지점에서의 거리 http://openlayers.org/en/latest/examples/igc.html

지도 질감 http://openlayers.org/en/latest/examples/image-filter.html

원하는 위치 표시 http://openlayers.org/en/latest/examples/layer-extent.html

마우스 화면 전환 http://openlayers.org/en/latest/examples/layer-spy.html

레이아웃 전환 http://openlayers.org/en/latest/examples/layer-swipe.html

지도 보여주기 끄기 http://openlayers.org/en/latest/examples/lazy-source.html

레이어 범위 수정 http://openlayers.org/en/latest/examples/modify-features.html

컴포넌트 범위 수정 http://openlayers.org/en/latest/examples/modify-test.html

좌표 표시 http://openlayers.org/en/latest/examples/mouse-position.html

화면 좌표 http://openlayers.org/en/latest/examples/moveend.html

팝업창 http://openlayers.org/en/latest/examples/overlay.html

미니 맵 http://openlayers.org/en/latest/examples/overviewmap-custom.html http://openlayers.org/en/latest/examples/overviewmap.html

http://openlayers.org/en/latest/examples/overviewmap-custom.html

선택 시 해당 부분 선택 후 색표시 http://openlayers.org/en/latest/examples/region-growing.html

원하는 지역 검색 기능 http://openlayers.org/en/latest/examples/reprojection-by-code.html

지도 단위표시 http://openlayers.org/en/latest/examples/scale-line.html

컴포넌트 클릭 방법 http://openlayers.org/en/latest/examples/select-features.html

컴포넌트(점, 선, 면) 수정, 추가 기능 선택 http://openlayers.org/en/latest/examples/snap.html

컴포넌트(점, 선, 면) 수정 시 ctrl + 클릭 http://openlayers.org/en/latest/examples/vector-esri-edit.html

관계 예제 http://openlayers.org/en/latest/examples/synthetic-points.html

텍스트 처리 http://openlayers.org/en/latest/examples/vector-labels.html

창 분할 기능 http://openlayers.org/en/latest/examples/zoomslider.html