본문 바로가기

openlayers62

[OpenLayers] 오픈레이어스 설치 및 OSM(OpenStreetMap) 지도 띄우기 https://openlayers.org 접속하셔서 다운받습니다. (해당 포스팅은 v6.15.1 버전 기준으로 작성함)OpenLayers - WelcomeA high-performance, feature-packed library for all your mapping needs.openlayers.org 저희 포스팅에선 소스(js, css)만 필요하므로 v6.15.1-dist.zip 파일을 다운로드 합니다. 다운로드 하고 압축을 풀면 아래와 같은 파일들이 나오는데 제 포스팅에서는 ol이라는 디렉토리를 하나 생성해서 그 안에 넣어주었습니다. 지도를 띄울 index.html이라는 파일을 하나 생성합니다.index.html을 열어서 ol.js와 ol.css등 필요한 파일들을 링크시켜줍니다. 환경 세팅은 간단하.. 2023. 10. 24.
[openlayers] Feature에 style적용하는 방법 + (ol.style.icon) *버전: openlayers6 기준 입니다.1. ol.style지도상에 특정 도형을 그릴때 우리는 Feature라는 객체를 사용했습니다. [Openlayers] 점, 선, 면 Feature 그리기1.오픈레이어스(OpenLayers)란 웹브라우저에서 지도, GIS라이브러리를 사용할 수 있게 제공하는 오픈소스 자바스크립트 라이브러리입니다. 이번 포스팅은 Openlayers에서 많이 쓰이는 주요 객체들 중 Fteammoca.tistory.com이때 Feature에는 색상이나 두께 또는 z-index등의 Style을 입힐 수 있는데, 이때 style을 지정하는 방법엔크게 두가지가 있습니다. 1) new ol.style. Style 생성new ol. layer. Vector ({ source : new ol. s.. 2023. 10. 5.