#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..
