#1 타임스탬프란? JavaScript에서 "타임스탬프"는 보통 현재 날짜와 시간을 나타내는 숫자 값으로 사용됩니다. 이 숫자 값은 보통 "밀리초(millisecond)" 단위로 표현되며, 1970년 1월 1일 자정(UTC)을 기준으로 몇 밀리초가 지났는지를 나타냅니다. 이 시점을 "에포크(epoch)"라고도 합니다. #2 타임스탬프에서 시간 문자열로 변환 함수 타임스탬프에서 시간 문자열로 변환하는 함수입니다. /** * 주어진 타임스탬프를 형식화된 날짜와 시간 문자열로 변환하는 함수. * * @param {number} timeStamp - 변환할 타임스탬프 (밀리초 단위) * @param {string} dateSeparator - 날짜 요소 사이에 사용할 구분자 (기본값: "-") * @param ..
#1 마우스 위치에 따른 좌표값 표출(커스텀 가능) 마우스 위치에 따른 좌표를 표시하는 기능을 구현한 것입니다. .custom-mouse-position { font-size: 12px; position: absolute; top: 7px; right: 0px; width: 190px; text-shadow: -1px 0px #ffffff, 0px 1px #ffffff, 1px 0px #ffffff, 0px -1px #ffffff; } 마우스 위치에 따른 좌표값을 표출하기 위한 div 요소의 스타일을 설정합니다. 좌표를 표출하기 위한 div 요소를 추가합니다. /** 마우스 위치에 따른 좌표값을 표출할 마우스 컨트롤 */ var mousePositionControl = new ol.control.Mous..
#1 레이어란? 레이어는 지도를 구성하는 핵심 요소 중 하나입니다. 레이어는 지도에 표시되는 지리적 데이터를 나타냅니다. 이 데이터는 다양한 형태로 표현될 수 있으며, 주로 지도 배경, 지리적 특성, 마커, 선, 다각형 등의 요소로 구성됩니다. 레이어는 OpenLayers에서 중요한 개념이며, 지도 애플리케이션을 개발할 때 지리적 데이터를 효과적으로 관리하고 표현하기 위해 사용됩니다. #2 레이어 그룹이란? 레이어 그룹은 레이어를 구성하고 관리하기 위한 개념입니다. 레이어 그룹은 여러 레이어를 하나의 그룹으로 묶어서 관리할 수 있도록 도와주며, 주로 시각적 관리, 가시성 제어, 레이어 순서, 이벤트 관리의 목적으로 사용됩니다. #3 시작하기 vworld osm ctl_vworld ctl_osm #4 소스..
#1 Openlayers란? OpenLayers 5는 JavaScript로 작성된 오픈 소스 지도 라이브러리로, 사용자 정의 가능한 지도를 만들고 상호 작용할 수 있습니다. #2 배경지도란? 지도 위에 표시되는 지형지물, 도로망, 수치지도 등의 기본 레이어를 말합니다. 배경지도는 일반적으로 지도를 처음 접하는 사용자에게 지도의 위치와 규모를 파악하기 쉽도록 제공되며, 보조적으로 다양한 정보를 제공하기도 합니다. 예를 들어 다음지도, 네이버지도, 구글지도, OSM지도 등을 예로 들 수 있습니다. #3 준비하기 가장 처음 시작을 하려면 Openlayers를 다운로드하여야 합니다. Openlayers 5.3.3 https://github.com/openlayers/openlayers/releases/downl..
