Tag Clouds



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

PDF
출발지: 도착지:

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

Updates:

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


Comments

Trackback : http://firejune.com/trackback/1364

  1. avatar

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

    Posted by 아크몬드 at reply edit

     
     
  2. avatar

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

    Posted by 파이어준 at edit

     
     
  3. avatar

    아크몬드의 알림
    구글맵 API로 구현한 한국지도 길찾기

    Tracked from  archmond's me2DAY at

     
     
  4. avatar

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

    Posted by 수상한사람 at reply edit

     
     
  5. avatar

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

    Posted by pjungs at reply edit

     
     
  6. avatar

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

    Posted by pjungs at reply edit

     
     
  7. avatar

    http://firejune.com/ajax/inc.io.phps

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

    Posted by 파이어준 at edit

     
     
  8. avatar

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

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

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

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

    Posted by 학생 at reply edit

     
     
  9. avatar

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

    Posted by 김태우 at reply edit

     
     
  10. avatar

    주인장만 볼 수 있는 비밀 댓글입니다.

    Posted by Unknown at reply edit

     
     
  11. avatar

    주인장만 볼 수 있는 비밀 댓글입니다.

    Posted by Unknown at reply edit

     
     
  12. avatar

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

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

    Posted by 파이어준 at edit

     
     
  13. avatar

    주인장만 볼 수 있는 비밀 댓글입니다.

    Posted by Unknown at reply edit

     
     
  14. avatar

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

    Posted by 파이어준 at edit

     
     
  15. avatar

    헉 ㅇㅁㅇ

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

    Posted by 김율미 at reply edit

     
     
  16. avatar

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

    Posted by slinker at reply edit

     
     
  17. avatar

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

    Posted by 파이어준 at edit

     
     
  18. avatar

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

    Posted by slinker at reply edit

     
     
  19. avatar

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

    Posted by gid at reply edit

     
     
  20. avatar

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

    Posted by slinker at reply edit

     
     
  21. avatar

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

    Posted by slinker at reply edit

     
     
  22. avatar

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

    Posted by slinker at reply edit

     
     
  23. avatar

    captcha