openlayers

워크샵용 개발 서버를 실행하기 위해 node와 git 설치npm create ol-appcd my-appnpm start어두운 배경 추가GeoJSON 기능이 포함된 로컬 파일을 로드하고 렌더링하도록 업데이트Link: 페이지 로드 시 맵이 남겨 둔 곳에 머무르기 위한 상

Import DragAndDrop초기 데이터가 없는 벡터 source 만들기map에서 이전 layer를 제거하고 빈 벡터 source로 새 layer를 만들어 추가벡터 소스와 함께 작동하도록 map에 DragAndDrop 상호작용 추가GeoJOSN 파일을 map에 끌어

import Modify벡터 source에 연결된 새 상호작용을 만들고 map에 추가map에 데이터를 추가한 후 꼭짓점을 드래그하여 feature 수정alt+click으로 꼭짓점 삭제 가능

import Draw다각형을 그리도록 구성된 Draw 상호작용을 만들고 벡터 source에 추가

import Snap벡터 source와 함께 map에 추가features를 그리거나 수정하는 동안 토폴리지를 보존할 수 있음

clear, download 버튼 생성버튼 클릭 시 지우기 메소드를 호출하는 리스너 추가편집하는 동안에도 다운로드 버튼의 작동을 원하기 때문에 source의 모든 이벤트에 대한 기능을 직렬화하고 데이터 URI를 생성

import {Style, Fill, Stroke}정적 스타일 적용동적 스타일 적용npm install colormapimport colormap, {getArea}영역크기를 기준으로 색상을 결정하는 함수 작성

ol 태그로 이미지 아이콘 입력하는거 찾아도 찾아도 없더라...근데 이렇게 간단한거라니