기본사이트 구상 : 최종 구현 시스템을 고려하여 프로토 타입 생성
확대, 축소 - 기본 http://openlayers.org/en/latest/examples/accessible.html#map
화면 이동 및 검색 목록 클릭시 이동 - 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
마크표시 + 이동경로 - 기본 및 전제조건, 부가기능 기능 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
마우스 오버 - 텍스트 승무원명 + 전화번호 - 기본관제기능 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
- 새로운 이미지 + 아이콘 추가하여 택시 표시 - 전제조건
- 드래그 하여 해당 위치 클릭 - 부가기능 http://openlayers.org/en/latest/examples/box-selection.html
- 택시의 이동 표현 - http://openlayers.org/en/latest/examples/dynamic-data.html
- 전체 화면 예제 http://openlayers.org/en/latest/examples/full-screen-source.html
http://openlayers.org/en/latest/examples/full-screen.html
- 탑승 여부를 표시 http://openlayers.org/en/latest/examples/icon-color.html
- 해당 데이터에 대한 지역 분포도(포인트) - 추가사항 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
- 선택에 의한 탑승 택시와 미탑승 택시 전환 - 추가사항 http://openlayers.org/en/latest/examples/layer-group.html
- 화면 분할하기 - 추가사항 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
출처: https://otrodevym.tistory.com/entry/OpenLayers-기능별-정리본 [미니 블로그 : 메모하는 습관]
'JavaScript' 카테고리의 다른 글
[Openlayers] 지도 위에 레이어 생성 레이어 출력하기 (0) | 2021.10.01 |
---|---|
[Openlayers] map refresh() 지도 초기화 기능 (0) | 2021.09.30 |
[JavaScript] checked Box Array 활용 (0) | 2021.07.29 |
[Openlayers] Style 변경 및 Layer 발행 (0) | 2021.04.29 |
[JavaScript] fetch란 무엇인가 (0) | 2021.02.17 |