openlayers 6.15.1버전 시작하기, 적용하기, node.js없이 빌드하기

openlayers 3.x버전만 해도 그냥 다운로드받으면 됐었는데 

먼가 그 이후부터는 node.js를 통해 빌드를 하는 레퍼런스밖에 없어서 좀 헤맸다

코드만 찾으면 되는데 왕창 몰아넣은 코드가 없어서 찾았다

 

 

 

 

https://github.com/openlayers/openlayers.github.io.git

GitHub - openlayers/openlayers.github.io: OpenLayers website source

위 링크를 통해 들어가준다

 

 

 

 

 

code버튼 클릭해서 download ZIP해준다

 

 

 

그럼 여기서 원하는 openlayers 버전을 클릭하면된다

나는 geotiff기능을 위해서 업그레이드를 하는거라서 6.15.1 버전을 클릭해주겠다

5버전이 안정성이 높지만 tiff기능을 위해 6버전으로 올려준다..

 

 

 

 

그러면 여기 build와 css가 있는데 아래 사진처럼

ol.js와 ol.css가 있을것이다

 

 

 

얘네를 그냥 냅다 프로젝트에 copy해주면 된다

 

 

 

 

 

나는 이런 구조로 만들어서 넣어줬고

 

 

 

 

 

<!-- openlayers v6.15.1 -->
<link rel="stylesheet" type="text/css" href="../css/ol.css">
<script src ="../script/map/ol.js"></script>

스크립트들을 include해주는 header에 다음과 같이 경로를 넣어주면 된다

완성~