Rev. 2.73

출발지: 도착지:

구글맵 API다음 지도의 길찾기 검색 결과를 훔쳐(?)와서 조악한 길찾기 애플리케이션을 만들어 보았습니다. 이번 작업 역시 maps.js를 사용하였으며, 다음 지도는 콩나물 좌표계를 기본으로 사용기 때문에 'congnamul' 좌표계로 변환할 수 있게 하고, 소소한 유틸리티 메서드들을 추가하였습니다. 이거 이러다가 라이브러리화 될지도 모르겠네요. 시작과 끝점의 중앙값과 적절한 줌레벨을 얻기 위한 GLatLngBounds 클래스 사용법에 대하여 확실히 공부 할 수 있었습니다. "모의주행"은 폴리 라인(Polyline)의 교차점을 단위로 띄엄띄엄 이동하는 매우 저수준의 애니메이션으로 작업 되었습니다. 시간 대비 속도 및 거리등을 환산하여 조금 더 재미있게 발전시켜 볼 예정입니다. PC용으로 나온 GPS리시버를 로컬서버 데몬에 올리고 브라우저와 통신에 성공하기만 하면 웹기반 네비게이션 애플리케이션도 만들 수 있을 것 같아요!

Updates:

* 2009.02.09 미터법에 근거한 자동차가 달리는 애니메이션이 추가되었습니다.
* 2009.02.09 상태 표시창이 추가되었습니다.
* 2009.02.09 자동차가 달리는 속도를 산출하고 도착까지 남은 시간을 측정합니다.
* 2009.02.10 모의주행 도중 우측의 가이드 패널을 이용하여 해당 구간으로 즉시 이동할 수 있습니다.
* 2009.02.10 모의주행 시작시 두번씩 움직이는 오류를 수정하였습니다.

Deprecated

* 다음의 길찾기 정보가 새롭게 갱신되어 위 데모는 더이상 작동하지 않습니다. 참고로 iRoute에서는 새롭게 변경된 다음의 길찾기 정보를 사용하고 있습니다.

Comments

Got something to add? You can just leave a comment.

  • 오오오오오... 멋집니다.

    reply edit

  • 앗 아크못드님! 고맙습니다 ^^;

    reply edit

  • 구글맵 API로 구현한 한국지도 길찾기

  • 수상한사람 수상한사람

    오!!, 재미있네요..
    회사에서 집까지 가는데, 288km 로 가도 15분이상 걸리네요.ㅋㅋ

    reply edit

  • 안녕하세요.
    다음맵 API를 이용하여 길찾기를 구현하고 싶은데, 도와주실 수 있나요?
    어떤 방식으로 Daum 길찾기 API를 처리하셨는지 궁금하네요~

    reply edit

  • 죄송하지만 혹시 inc.io.php 파일을 공개해 주실 수 있으신가요?

    reply edit

  • http://firejune.com/lab/inc.io.phps

    DB 연결정보등 개인적인 코드들이 자리하고 있어 모두 공개하지는 못하합니다.

    reply edit

  • 학생 학생

    제가 프로젝트로 지도로 검색해서 목적지 찾고 길찾는 지도를 만드는걸 하고있는데요

    어떻게 만들었는지 정보를 얻을수있을까요 ??

    많이알려주시면 고맙고요 ..

    hyunkwan87@nate.acm 여기로 메일한통만 넣어주실수 있으세요 ??

    reply edit

  • 김태우 김태우

    안녕하세요. 좋은 정보 감사합니다.
    제가 요즘 구글어스에 대해 관심이 많아요.
    파이어준님께서 이렇게 만드신 API를 보고 대단하시다는 말 밖에는 나오질 않네요.
    다름이 아니라 요즘 API를 공부하고 있는데요,
    길찾기에 대한 소스를 얻을수 있을까 해서 이렇게 글을 남깁니다.
    뭐... 안된다고 하신다면 어쩔수없지만요. 부탁드릴꼐요.
    메일이나 덧글로 답변 부탁드릴께요... 그리고 앞으로도 많은 정보 부탁드릴게요
    감사합니다.

    reply edit

  • 임..******** 임..********

    reply edit

  • Y..** Y..**

    reply edit

  • 아래의 주소에 암호화 되지 않은 코드로 작성된 예제가 있습니다. :
    http://examples.firejune.com/maps/

    아래의 주소는 길찾기 결과를 수신하는 php 소스입니다. :
    http://examples.firejune.com/maps/navi.phps

    reply edit

  • 김..******** 김..********

    reply edit

  • <rout:link>는 안내에 필요한 하나의 섹션(구간)을 의미하며 섹션안에는 <rout:points>라는 콤마(,)로 구분된 좌표 배열이 있습니다. 이 좌표들을 선으로 연결하면 구간의 경로가 됩니다. 이 구간들을 모두 연결하면 총 주행 경로가 되고요. 따라서 <rout:link>루프문 안에서 <rout:points>루프문이 돌며 선을 이어주는 형식으로 코드를 작성해야합니다.

    reply edit

  • 김율미 김율미

    헉 ㅇㅁㅇ

    위에 비밀 댓글 남겼더니 저도 안보이네요 ㄷㄷㄷㄷㄷㄷㄷ
    위에 대한 답변 여기에 좀 달아주세요 ^,^;;;;

    reply edit

  • slinker slinker

    헐;; 구글맵에 일반 도로 길찾기가 안되어서 고심하고 있는데 좋은것을 보게 되네요 놀랍습니다;;
    아직 학생이라 마음맞는 후배,선배랑 같이 프로젝트 진행하면서 길찾기 부분 구현이 너무 어려워서
    이리저리 정보를 모으던중 너무 좋은것을 보게 되네요
    실례가 안된다면 질문좀 할게요 ㅠ.ㅠ 오버레이로 하신건가요? 아니면 뷰를 두개를 써서 길표시 외의 부분을 투명화 하여 하신건지요;; 아직 시작한지 얼마안되서 개념이 부족한 부분이 있더라도 조언을 부탁 드립니다 ㅠ.ㅠ

    reply edit

  • 지도가 두개는 아니고요. 길찾기 결과(XML)을 분석하여 경로의 좌표를 뽑아낸 후 구글맵용 지도좌표로 변환하고 오버레이와 폴리라인을 이용하여 표현한 것이지요.

    reply edit

  • slinker slinker

    역시 대단함을 느끼네요;; 그런 생각을 하시다니 ㄷㄷ... 저도 열심히 하겟습니다!! 덕분에 많은 공부가 되었어요 ㅠ.ㅠ 정말 감사 합니다^^

    reply edit

  • gid gid

    길찾기 결과를 XMl로 받아온다고 하셨는데.. 어떻게 받아오는지 궁금합니다..제가 못찾는 것인지..안드로이드로 구현을 하려고 하는데 파라미터를 따로 써서 가져오는 것인지..아니면 따로 처리하는 방법이 있는 것인지요; 답변 부탁드립니다. gidrkemr@gmail.com

    reply edit

  • slinker slinker

    후아 대학교 4학년이 되어서야 웹을 건드리고 있어서 힘드네요 ㄷㄷ;;
    실례지만 또 질문이 있어서 왔습니다 ㅠ.ㅠ
    window.getDirections() <- getDirections()같은 경우 구글 api 레퍼런스에 있는데 window가 붙어있
    는거 보니 구글 api가 아닌것 같기도 하구요 밑에 getDirections()는 앞에 win만 붙어있는데 이것이 불려지는것 같은데 onClick시에 window.getDirections()가 불려지도록 되어있는데 왜 win만 적은 getDirections()가불려지는거죠;;

    reply edit

  • slinker slinker

    많이 바쁘신가 봐요 혹시 이 소스를 해석 하려면 어떤공부를 해야하나요
    혹시 가능하시면 메신저 아이디좀 메일로 보내주실수 있으신가요
    어디서 부터 해야 할지 좀 막히다보니 학습 방법론 이라고 할까요
    그런 부분을 대화하고 싶습니다..

    reply edit

  • slinker slinker

    메일주소를 안남겨버렸군요 학기 시작해서 이리저리 생활비 구할 아르바이트 자리 알아보느라 그간 프로젝트 진행을 미루어 왔는데 혹시나 해서 와보니 제가 메일을 안적은듯 하더군요 죄송합니다^^;
    메일 : pak8198@dreamwiz.com
    네이트 : pak8198@nate.com
    실례되는건 알지만 졸업작품에다가 기간도 얼마 남지않아 너무 부족하여 이해 못한 부분을 여쭈고 싶습니다.

    reply edit

  • 조..******** 조..********

    reply edit

  • 조송민 조송민

    헉! 엄청난 자료네요! 먼저 감사의말씀을 드립니다!
    궁금한점이 있는데 다음지도에
    어떻게 검색 정보를 넘긴건지,
    그리고 결과는 어떤방식으로 가져오신건가요??!
    여유되시면 아래 메일로 답변 부탁드립니다!!
    944899@naver.com
    ?

    reply edit

  • flyh21c flyh21c

    길찾기 관련 자료를 찾다가 좋은 포스트가 있어 보면서
    한가지 질문이 있어 문의드립니다.
    현재 아이폰에서 길찾기 기능을 구현하고 있읍니다.

    http://maps.google.com/maps?hl=ko&saddr=37.467052,126.938817&daddr=37.500635,127.036389&output=kml

    위와 같은 query 를 날려서 경로(대중교통포함) 정보를 가져오려고 하는데 (xml 형태-kml 파일)
    외국의 경우는 잘 되는데, 우리나라 좌표가 들어가면 값이 나오지 않읍니다.
    제가 뭘 잘못한 부분이 있는지 또는 다른 방법을 사용해야 하는지 궁금합니다.

    답변 부탁드립니다.
    그럼 오늘도 즐거운 하루 되십시오.

    reply edit

  • 윤치환 윤치환

    제가 리눅스 서버에서 연습삼아 위에서 제공해주신 소스를 이용해서 돌려보고 있는데요...
    길찾기를 누르면 에러는 없느데..... 길을 못 찾아와요....

    확인해본결과 XML로 받아온 값을 maps.js에서 처리해서 setRoute로 리턴 해주는 것 같은데 저는 그게 안되는것 같아요..... 어떻게 해야하나요....

    reply edit

  • 김원심 김원심

    다음에서 보내주는 xml을 사용하려고하는데 저는 서버에서 권한을 주지 않았다는 메시지가 뜨는데 ..

    어떻게 다음에서 주는 xml을 사용하셨나요.....

    reply edit

  • 밀..*********** 밀..***********

    reply edit

  • 허C 허C

    안녕하세요. 위에 것을 구현해보려면 prototype.js, maps.js, 지도를 띄워주는 html 외에 어떤 것들이 필요한가요?? 제가 asp 만 약간해본 초보라서요... ㅠㅠ 설명 좀 부탁드리겠습니다.

    reply edit

Your Reaction Time!

captcha

avatar