Leaflet 을 이용한 vworld 연동 방법

이번에는 Leaflet을 구동하고 타일맵을 적용하는 방법을 간단하게 샘플소스로 표현하였습니다.

Leaflet 공식홈에서는 모바일을 위해서 나온 모바일 친화적인 맵 클라이언트 엔진이라고 설명하고 있지요.

사실상 vworld는 openlayers2를 공식적으로 지원하지만 아시다시피 openlayers는 모바일에 친화적이진 않다고 느끼지요.

모바일 이벤트(손가락)와 웹브라우저 이벤트(마우스)는 동작이 다릅니다. 실제로 openlayers 만도 충분이 모바일에서 잘 동작하도록 구현이 가능하지만 소스가 좀 더 복잡합니다.(그만큼 기능은 조금 더 많다고 느껴지긴합니다만..;;)

참고 용으로 codepen.io 를 이용하여 바로 확인이 가능하도록 예제를 적용해두었습니다.

확인해보세요~

-

 -

http://codepen.io/limecode/pen/eBPNYQ