'로드뷰'에 해당되는 글 4건

  1. 2011.12.13 로드뷰API, 이제 모바일에서도.. (2)
  2. 2010.06.29 제10회 Daum DevDay 성료 (1)
  3. 2010.06.10 아이폰용 Daum지도 앱 URL Scheme (8)
  4. 2010.04.02 Daum 지도 API 로드뷰 기능 추가 오픈! (3)

HTML5 로드뷰 지원

어젯밤 지도API가 v3.26으로 업데이트 되었습니다. 그리고 이번 업데이트를 통해 모바일에서도 로드뷰를 사용할 수 있게 되었습니다.

지금까지 지도API에서 로드뷰는 Flash로만 동작했습니다. 그러나 현재 대부분의 모바일웹 환경에서는 Flash가 지원되지 않고, HTML5가 지원됩니다. 따라서 로드뷰는 모바일웹 환경에서 HTML5기반으로 동작하도록 만들어졌습니다.

최근에 Adobe에서 모바일 Flash를 포기하겠다고 밝혔습니다. 따라서 앞으로 모바일 환경은 확실히 HTML5가 자리매김할 것으로 보입니다.



한번 모바일 브라우저에서 로드뷰 기본 샘플 페이지를 보세요.^^

어떻게 사용하나요?

API 사용자가 특별히 해야할 작업은 없습니다. API 내부에서 Flash 미지원 브라우저인 경우 자동으로 HTML5기반 로드뷰가 동작하게 되어 있으니까요.

다만 이번에 아래와 같이 Roadview 클래스의 setPanoId() 메소드에서 파라미터가 하나 추가되었습니다.

void setPanoId(string panoId, LatLng position)

바로 position 이라는 파라미터인데요.

이것은 사라진 panoId를 입력하는 경우 검은 화면이 나오는 에러가 있었는데, 위치를 받음으로써 내부적으로 정상적인 panoId가 지정될 수 있도록 되었습니다.

HTML5 버전의 로드뷰는 이 값이 있다는 가정하에 동작하므로 setPanoId를 호출할 때는 꼭 postion도 넘겨주시기 바랍니다.

※ 모바일앱용 지도API도 빠른 시일내에 공개될 수 있도록 하겠습니다.^^


저작자 표시
신고
Posted by 타돌이

댓글을 달아 주세요

  1. boxersb 2011.12.13 10:31 신고 Address Modify/Delete Reply

    so nice~~ :)

  2. Fearat 2011.12.16 10:58 신고 Address Modify/Delete Reply

    테스트해봤는데 잘 나오네요!

지난 26일 로드뷰와 OAuth를 주제로 열렸던 제10회 Daum DevDay가 성황리에 마쳤습니다. 참고로 이번 행사는 KISA(한국인터넷진흥원)에서 장소를 후원해 주셨습니다.

참가 등록

9시 30분부터 참가 등록이었으나 행사시간에 대한 안내가 애매하게 전달되어서 9시도 되기 전에 오신 분들도 많았습니다. 그래서 처음에 좀 당황했네요^^; 다음부터는 좀 더 확실히 공지하도록 하겠습니다.

행사 소개 및 환영인사

Daum 신철원님의 짧은 소개 및 환영인사로 행사가 시작되었습니다.

 

Ice Breaking

환영인사가 끝난 후 Ice Breaking은 제(Daum 이승철)가 진행했는데, 단순히 자기소개를 했던 예전과 다르게 이번에는 약간 색다른 방법을 도입했습니다. 자신의 이름이 쓰여진 종이를 다른 사람과 서로 교환하여 1분간 상대방 얼굴을 그리도록 했습니다.

"솔직히 미안하신 분" 손 들어 보라고 하니 대부분 손을 들고 계십니다. 다들 본인들의 미술실력을 잘 알고 계시는 것 같습니다.ㅋㅋ 다음에는 미술 강의를 들은 후 그리자는 분도 계셨습니다^^

Ice Breaking이 끝난 후, 잠깐의 휴식시간과 함께 네트워크 세팅시간이 있었습니다. 언제나 그렇듯, 이번 행사도 네트워크가 말썽이었습니다.ㅜㅜ 불편하셨던 분들 모두 죄송합니다.

로드뷰 API 튜토리얼

다음 순서로는 Daum FT전략팀 박동욱님의 로드뷰 API 튜토리얼이 있었습니다.

Daum 지도API 자체를 처음 사용하시는 분들도 많아서, 지도API 사용법에 대해서 간단히 설명하고, 추가적으로 로드뷰에서 쓰이는 용어와 사용법에 대해서도 설명해 주셨습니다. 중간 중간에 Daum의 FT 개발자분들이 도와주시기도 했구요.^^

행사장내 인터넷 상태가 좋지 않아서 제 iPhone으로 테더링을 했는데, 이번달 데이터 요금 얼마나 나올지 ㅎㄷㄷ하네요;;

점심식사 및 작품 전시

점심은 원래 밖으로 나가서 먹을 예정이었으나, 일기예보를 보니 당일 비가 온다고 하고, 시간 조절 등 기타 여러가지 사정상 행사장 내에서 도시락을 먹게 되었습니다.

그리고 쉬는 시간이나 점심시간을 이용해서는 갤러리에 미리 올라왔던 전시작품들을 볼 수 있었습니다. 각 작품 포스터 옆에는 Daum코드를 통해 만든 QR코드도 함께 붙여서 스마트폰에서도 바로 작품으로 갈 수 있게 하였습니다.

블로그 API(OAuth기반) 튜토리얼

오후에는 30대라는게 믿기지 않을 만큼 절대동안이신 Daum 커뮤니티개발2팀 김종민님의 튜토리얼이 이어졌습니다.

네트워크 문제로 튜토리얼을 완료하지 못한 관계로 추후 이 블로그를 통해 해당 튜토리얼을 공개하기로 했습니다.

라이브코딩 및 퀴즈

튜토리얼이 종료된 후에는 라이브코딩 시간이 이어졌습니다. 원래 라이브코딩 시간에는 미리 각자 준비한 주제를 가지고 코딩하게 되는데, 특별히 주제를 준비해오지 못한 분들을 위해서 퀴즈 문제도 마련했습니다.

OAuth관련 퀴즈는 단답형 문제 3개가 출제되었고, 모두 강의를 열심히 들으셨는지 적극적으로 참여해 주셨습니다. 그리고 다음과 같은 분들이 정답을 맞춰주셨습니다.^^

지도API는 직접 주어진 조건에 맞게 코딩하는 문제가 출제되었는데, 1시간이 채 걸리지 않아서 거의 비슷한 시간에 두 분께서 문제를 다 풀어 주셨네요. 대단들 하세요~^^

그래서 원래는 가장 빠른 1명에게만 상이 돌아갈 예정이었으나, 두번째로 빨리 해결하신 분께도 상품권을 드렸습니다.^^

시상 및 행사종료

마지막으로 만든 작품들에 대한 발표가 있었습니다. 작품은 갤러리에 미리 올라왔던 4개의 작품과 당일날 올라온 4개의 작품으로 총 8개의 작품이 제출되었습니다.

(참고로 ShopTime의 발표자료는 너무 멋있어서 구경하다가 사진찍는 걸 깜빡했고, 손맛이 괜찮은 비행기 시뮬레이션은 너무 순식간에 발표가 끝나서 사진을 못 찍었습니다. ㅜㅜ)

여기에서 3위는 20표를 얻은 [Titoramio], 2위는 23표를 얻은 [백문불여일견 - M32], 그리고 1위는 [ShopTime]이 27표를 획득하여 iPad를 거머쥐었습니다!

ShopTime은 Daum 쇼핑API, Twitter OAuth 등의 오픈API를 사용하였고, Instant Messanger를 위한 표준 프로토콜인 XMPP를 사용해서 실시간 웹을 구현해냈습니다. 그리고 HTML5, CSS3로 구현함으로써 플래시를 지원하지 않는 iPad, iPhone 등에서도 즐길 수 있습니다.

작품 자체도 좋았지만 Prezi라는 툴을 사용한 멋진 발표자료가 인상깊었습니다. 아래는 ShopTime의 발표자료입니다.

부족한 점이 많은 행사였지만, 그래도 다들 적극적으로 참여해 주셔서 감사합니다. 제출된 작품들은 계속해서 발전해나갔으면 하는 바램입니다.

곧 꾸준히 발전하는 서비스에 대한 상인 EvP(Evolution Prize)도 진행될 예정이오니 지속적인 관심 부탁드립니다.^^

사진 모음

덧) 후기를 작성하여 이 글에 트랙백을 달아주시는 분 중 1명을 선정하여 3만원짜리 상품권을 드립니다!!^^

저작자 표시
신고
Posted by 타돌이

댓글을 달아 주세요

  1. Favicon of http://jeongzugo.com BlogIcon 이정주 2010.07.23 03:25 신고 Address Modify/Delete Reply

    와 다들 멋지네요.
    전 이 당시 열심히 제식훈련을 했다죠..ㅋㅋ아쉽네요.

오픈API에 대한 운영을 하다보면 여러 경로(게시판, E-Mail, 메신저, 전화 등)로 질문을 많이 받게 됩니다.

최근 들어 많이 받는 질문 중 하나가 Daum지도를 본인이 개발 중인 아이폰앱에 넣고 싶다는 질문입니다. 하지만 불행히도 아직 아이폰앱을 위한 Daum지도 모듈은 공개하고 있지 않습니다. 그래서 조금은 아쉽지만 브라우저 또는 앱에서 Daum지도 앱을 연결할 수 있는 간단한 팁을 공개하고자 합니다. 

daummaps URL Scheme

아이폰에서는 앱간 cooperation을 위해 다음과 같은 URL Scheme을 사용합니다. 아래는 daummaps URL Scheme에 대해 요약한 내용입니다.

형식

daummaps://<ACTION_NAME>?<PARAMS...>

 예) daummaps://look?p=37.569801,126.988676

 

파라미터 종류

p: 좌표(WGS84) -> 위도 경도를 그냥 콤마로 구분해서 보내면 됩니다.

 

액션

open: 단순히 지도를 띄우기만 할 때.

 예) daummaps://open

look: 특정 좌표를 중심으로한 화면을 띄울 때.

 예) daummaps://look?p=37.569801,126.988676

roadview: 특정 좌표에서 가장 가까운 로드뷰에 대한 버튼 노출.

 예) daummaps://roadView?p=37.569801,126.988676

 

예제

아이폰에서 아래와 같은 URL을 safari에서 입력해 보세요.

daummaps://look?p=37.568,126.989

그러면 Daum지도앱으로 연결될 것입니다.(단, Daum지도앱이 설치되어 있어야 합니다.) 즉, 모바일 웹이나 앱에서 이런 형태의 URL Scheme을 걸게 되면 Daum지도앱으로 연결이 되는 것이죠.

현재 이정도 수준만 제공하고 있지만 점차 더욱 다양한 기능을 제공할 예정입니다. 그리고 안드로이드에서도 비슷한 수준으로 제공할 예정이니 계속해서 관심 가져주시기 바랍니다.

그럼 유용하게 사용하시길 바래요~^^ 

 

추가) iPhone 개발시 참고할 만한 URL Scheme

저작자 표시
신고
Posted by 타돌이

댓글을 달아 주세요

  1. Favicon of http://taeks.tistory.com BlogIcon boxersb 2010.06.10 12:23 신고 Address Modify/Delete Reply

    기다리고 있던 기능이네요.. 지도섹션에서도 퍼가기나 url 복사시 앱으로 보내는 링크 생성이 있으면 좋겠습니다.. ^^

  2. Favicon of http://taeks.tistory.com BlogIcon boxersb 2010.06.10 14:38 신고 Address Modify/Delete Reply

    아뇨... PC환경 지도 서비스요 이요... 몇몇 링크들을 클릭해보면 아이폰에서 PC 지도로 보내는게 너무 불편하네요 ㅎㅎ

    • Favicon of http://daumdna.tistory.com BlogIcon 타돌이 2010.06.10 14:48 신고 Address Modify/Delete

      아~ 일반 PC 지도섹션에서 UA체크해서 iPhone이면 앱으로 링크 이런거 나오게 하면 어떨까 하시는거죠?

  3. 밤하늘에천사 2010.10.19 18:28 신고 Address Modify/Delete Reply

    유용한 정보네요..^^*

    근데 액션은 3가지가 끝인가요? 왠지 더 있을듯 한데....흠...

    혹시나 아시면 좀 알려주세요

  4. Favicon of http://7895bus.tistory.com BlogIcon 7895bus 2013.01.15 15:07 신고 Address Modify/Delete Reply

    이거 혹시 안드로이드 용은 없나요?

지도API에서 로드뷰 기능이 추가 되었습니다!

Daum 로드뷰는 국내 최초로 360도 거리사진을 서비스하고 있으며, 많은 분들로 사랑을 받고 있습니다. 또한 API 공개의 요청도 가장 많았던 서비스이기도 하죠.^^

이번 로드뷰 기능은 기존 지도API에서 새로운 클래스(DRoadView, DRoadViewClient, DRoadViewOverlay)가 추가되는 형태로 제공됩니다. 따라서 기존 지도API를 사용하고 계시던 분들께서는 새로 추가된 클래스를 바로 사용하시면 로드뷰를 사용하실 수 있습니다.

다음 페이지들을 참조하세요~^^


로드뷰 오픈 이벤트

이번 로드뷰 오픈과 함께 4월 30일(금)까지 갤러리에 로드뷰 기능을 활용한 좋은 예제를 올려주시는 5분께는 1만으로 제한되어 있는 지도API 트래픽 제한을 10만으로 올려 드리겠습니다.

또한 5월(날짜 미정)에 열리는 10회 Daum DevDay에서는 로드뷰 + OAuth를 주제로 열릴 예정이오니, 로드뷰를 이용한 여러분들의 기발한 아이디어 기대 하겠습니다.

저작자 표시
신고
Posted by 타돌이

댓글을 달아 주세요

  1. 프리윌 2010.04.02 12:26 신고 Address Modify/Delete Reply

    로드뷰와 함께 OAuth로 Write형 API가 많이 오픈 되면 Foursquare 못지 않은 멋진 서비스들이 많이 개발 될 것으로 기대됩니다.

    개발자 여러분들 고고씽~!!

  2. 김동수 2010.04.02 19:10 신고 Address Modify/Delete Reply

    우왕~ 정말 많이 기다렸는데!!!
    드디오 오픈했군요!!^^ 좋은 매쉬업들이 많이 나왔으면 좋겠어요~

  3. Favicon of http://taeks.tistory.com BlogIcon Lucifer 2010.04.04 22:34 신고 Address Modify/Delete Reply

    드디어 오픈^^ 관계자분들 정말 수고많으셨습니다~~^^

티스토리 툴바