leaflet 지도 표출

gis 개발자라면 leaflet에 대해 아실겁니다.

 

쉽게 얘기해서 leaflet은 웹 화면에 지도 이미지를 표출하기 위한 자바스크립트 라이브러리입니다.

 

이번에 포스팅하는 글은 leaflet을 사용해 간단하게 배경지도를 출력하는 것입니다.

 

leaflet 예제

 

위의 소스를 보게 되면

 

지도 중심 좌표(남산타워)를 배열로 생성합니다.

(위도가 먼저 나오고, 경도가 그 다음으로 나옵니다.)

 

leaflet Map 클래스 객체를 생성하고 중심 좌표를 초기 지도 위치로 설정합니다.

 

배경지도 표출 및 leaflet Map 객체에 추가합니다.

 

마커위치를 중심좌표로 설정하고 leaflet Map 객체에 추가합니다.

 

leaflet 지도 화면

 

초기 지도위치와 마커가 중심좌표(남산타워) 기준으로 표출된 것을 확인할 수 있습니다.

 

예제파일이 필요하면 아래 첨부파일 다운받으면 됩니다.

 

leaflet_test.zip

0.63MB