구글 맵(Google Maps)과 네이버 지도 매쉬업

10

네이버의 지도 API가 나온지 얼마 되지 않아 김유승님이 NGMAP이라는 자바스크립트 매쉬업 코드를 발표했습니다. 이 코드는 네이버 지도와 구글 맵을 클릭으로 전환할 수 있고, 적절하게 좌표와 배율까지 전환됩니다.

구글의 경우는 좌표 관련된 API가 존재하지만, 네이버 지도 API의 경우 좌표와 관계된 API는 아직 제공하지 않습니다. 공식적으로 제공 의사가 없다는 것을 약관에 명시해 놨지만, 비공식적인 글(덧글같은 것)로 좌표 API를 추가한다는 의사를 나타냈습니다.

그럼에도 불구하고, 김유승님은 간단하지 않은 좌표 변환을 자바스크립트로 만들어 냈습니다.

이 스크립트는 구글 맵의 API와 네이버 지도 API를 동시에 사용하고 있으며, DIV태그의 hidden 속성을 이용해서 네이버가 나타났다면 구글 맵에 좌표와 배율을 전달해주고 네이버를 숨기고 구글 맵을 활성화 시킵니다. 반대의 경우는 거꾸로 하면 되겠죠.

자바스크립트 소스의 상당부분이 좌표 변환과 관계가 있습니다.

구글과 네이버의 지도 매쉬업

김유승님의 NGMAP 바로가기

About Author

구글 전문 블로그 "팔글-인사이드 구글"을 2003년 부터 운영했으며, 애드센스와 유사한 애드얼라이언스의 기획&개발에 참여한 바 있다. IT 기업들의 생태계에 대해 관심이 많으며, 광고, 디지털 콘텐츠 판매 등 여러가지 실험을 진행하고 있다.

10 Comments

  1. 쌈빡하네요. 그나저나 WordPress에서 Google maps API를 사용하려고 발버둥 중인데… 얼른 방법을 찾은뒤 이 스크립트 사용해 봐야겠네요~

  2. 구글 API나 네이버 지도 API는 페이지 정보(URL)이 들어간 코드가 있어야 하기 때문에 아무래도 블로그 등에 삽입용으로 쓰는 경우는 IFRAME을 적용하는 것이 편안한 감이 있습니다.
    간혹, BODY태그에 함수가 들어가야 할 경우도 있으니까요.

하나의 댓글은 블로그를 풍성하게 만들 수 있습니다 :)