모바일 앱간 연동을 위해서 많이 쓰는 방법 중 하나가 URL Scheme 입니다. Daum에서 서비스하는 앱 중에도 이와 같은 URL Scheme을 제공하는 것이 있습니다. 바로 Daum의 대표 모바일 앱인 마이피플과 지도앱입니다. 

 

마이피플은 지난 2월에 마이피플 공식 블로그를 통해 공개했었고, 지도앱도 지난 2010년에 살짝 공개했었습니다. 그러나 지도앱은 Android 에서 제대로 지원이 되지 않아서 공식적으로 제공하지 못했었습니다.

하지만 이제 iOS, Android 모두 지원하게 되었습니다. 그에 따라 URL Scheme 설명 문서와 함께 기능을 좀 더 추가하여 지도앱 URL Scheme 문서도 공개합니다.


지도앱 URL Scheme 기능

지도 앱에서는 아래와 같은 기능들을 URL Scheme으로 제공합니다.


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

댓글을 달아 주세요

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

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

작년 6월 10회 DevDay를 마지막으로 열리지 않았던 DevDay를 다시 시작합니다!

이번 DevDay는 저희가 이번에 처음으로 주최하는 DevOn이라는 행사와 함께 아래와 같이 진행됩니다.


※ 사정에 따라 프로그램 내용 및 시간은 다소 조정될 수 있습니다.

행사 안내

이번 행사에서는 Daum 오픈API의 새로 바뀌는 정책 소개, 업데이트된 지도API, 추후 공개하게 될 모바일 지도API에 대해서 다룰 예정이고, 아래와 같이 진행될 예정입니다.

  • 주제 : 모바일 지도API 구축 전략
  • 일시 : 2011년 11월 25일(금) 오후 1시~6시
  • 인원 : 선착순 60명
  • 장소 : 신도림 쉐라톤서울 디큐브시티호텔 7F

참가 방법

  1. Daum 개발자네트워크 카페에 가입한다. (이미 가입 되어 있으면 skip~)
  2. DevDay 공지글에 "참가 신청합니다" 라고 댓글을 단다.
  3. 선착순 안에 들었으면 11월 25일(금)에 행사장으로 온다. (노트북 필참)

실습 환경

웹용 지도API 세션은 웹브라우저에서 바로 실행할 수 있는 환경을 제공할 예정이므로 최신버전의 웹브라우저만 설치하시면 됩니다.

모바일앱용 지도API는 발표자가 소개하고 시연하는 형태로 진행됩니다.

※ 이번 행사는 실습이 있으므로, 반드시 노트북을 갖고 오시기 바랍니다. 

저작자 표시
신고
이 장소를 Daum지도에서 확인해보세요.
서울특별시 구로구 신도림동 | 쉐라톤서울 디큐브시티호텔
도움말 Daum 지도
Posted by 타돌이

댓글을 달아 주세요

어제 저녁 Daum 지도의 개편이 있었습니다.

로드뷰 관련 기능 추가

우선 기능적으로는 다음과 같은 2가지가 추가되었습니다.
  1. 로드뷰 라인 미리보기
  2. 지도검색서제스트에서 로드뷰 정보 미리보기

이와 관련해서는 Daum지도 공식 블로그에도 설명되어 있습니다.^^

지도 API v3 기반의 코드로 탈바꿈

특히, 이번 개편에서는 겉으로 보이지는 않지만, 기존 코드를 업데이트 하는 수준이 아닌 소스코드 수준에서 완전히 새로 작성되면서 가볍고, 빨라졌습니다. 그리고 그 코드는 다름이 아닌 지도API v3(beta)와 같은 기반의 코드입니다.

지도API v2

지도API v2 예제 (http://dna.daum.net/examples/maps/maps2/simple.html)


지도 API v3

지도API v3 (http://dna.daum.net/examples/maps/maps3/simple.html)


위와 같이 firebug로 지도 API v2 예제v3 예제를 비교해봤습니다. 아~ 참 아름답지 않나요?^^ 이렇게 가볍기 때문에 모바일웹 지도로도 손색이 없습니다.

이번 개편에 참여하셨던 분들께 "님들 좀 짱!" 이라고 하고 싶네요ㅎㅎ

앞으로 지도 API v3 많은 이용 바랍니다!
저작자 표시
신고
Posted by 타돌이

댓글을 달아 주세요

  1. 2011.03.08 17:49 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

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

티스토리 툴바