본문 바로가기

feature3

[Openlayers] 드래그영역속에 있는 Feature 찾기 *버전: openlayers6 기준 입니다. 이번 포스팅에서는 지난번에 올렸던 점, 선, 면 Feature그리기편에 이어서 https://teammoca.tistory.com/m/20 Openlayers 점, 선, 면 Feature 그리기1.오픈레이어스(OpenLayers)란 웹브라우저에서 지도, GIS라이브러리를 사용할 수 있게 제공하는 오픈소스 자바스크립트 라이브러리입니다. 이번 포스팅은 Openlayers에서 많이 쓰이는 주요 객체들 중 Fteammoca.tistory.com드래그를 했을때 영역의 Feature를 찾는 법을 알아보도록 하겠습니다. 1. 우선 지난 포스팅의 예제소스를 통해 지도상에 점, 선, 면 Feature 그려보겠습니다.//source생성 let sample_source = new.. 2023. 9. 25.
[Openlayers] 지도상에 클릭한 지점 위도,경도 좌표얻기 *버전: openlayers6 기준 입니다. 이번 포스팅은 Openlayers에서 지도상에 마우스로 클릭한 지점에 표시(Point)를 찍고, 해당 클릭한 지점의 위도와 경도를 얻는방법을 알아보도록 하겠습니다. 우선 지도상에 나타낼 point Feature를 생성하는 기본적인 틀은 지난 포스팅과 같습니다. https://teammoca.tistory.com/m/20 Openlayers 점, 선, 면 Feature 그리기1.오픈레이어스(OpenLayers)란 웹브라우저에서 지도, GIS라이브러리를 사용할 수 있게 제공하는 오픈소스 자바스크립트 라이브러리입니다. 이번 포스팅은 Openlayers에서 많이 쓰이는 주요 객체들 중 Fteammoca.tistory.com 그러나 이번 포스팅은 마우스를 찍는 시점에 .. 2023. 9. 21.
[Openlayers] 점, 선, 면 Feature 그리기 1.오픈레이어스(OpenLayers)란 웹브라우저에서 지도, GIS라이브러리를 사용할 수 있게 제공하는 오픈소스 자바스크립트 라이브러리입니다. 이번 포스팅은 Openlayers에서 많이 쓰이는 주요 객체들 중 Feature , Source, Layer에 대해 간단하게 설명하겠습니다. 2. Feature , Source, Layer우선 openlayers에는 map이라는 핵심 객체가 있습니다. 그 안에서 Feature , Source, Layer등의 다른 객체들이 모여 map이라는 객체를 구성하게 됩니다. 객체 구성하는 크기의 순을 표현해보자면 Feature -> Source -> Layer순으로 이어집니다. 아래 그림을 통해 세 객체를 간단하게 표현해보았습니다.1) Feature Feature은 점(Po.. 2023. 9. 20.