JavaScript

[Openlayers] 기능정리

로춘남 2021. 6. 14. 13:24
728x90

기본사이트 구상 : 최종 구현 시스템을 고려하여 프로토 타입 생성

확대, 축소 - 기본 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

  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


출처: https://otrodevym.tistory.com/entry/OpenLayers-기능별-정리본 [미니 블로그 : 메모하는 습관]

728x90