# OpenLayers지도 띄워보기

그간 geoserver 연동해서 많은 기능을 사용해봤지만..

막상 코딩은 지피티가 다해줘서 차근차근 공부해보려고 시작!

 

첫번째 목표는 기본 배경 띄우기다.

<div id="map"></div>	지도 그릴 위치
ol.Map	OpenLayers 지도 객체 생성
ol.source.OSM()	OpenStreetMap 배경지도
center	한국 중심 (경도 127.5, 위도 36.0)
zoom: 7	적당한 줌레벨

 

See the Pen Untitled by note (@somieee) on CodePen.

 

다음단계부터 차근차근 레이어 올려보면서 응용해봐야지~

 

참고로 codepen에 js, css 에 오픈레이어 외부 라이브러리를 추가해 놓았다.

https://cdn.jsdelivr.net/npm/ol@v7.5.1/dist/ol.js
https://cdn.jsdelivr.net/npm/ol@v7.5.1/ol.css