구글지도 최신 업데이트 (2015.05.25 기준)

최근 전 세계적으로 구글지도가 업데이트되었다고 합니다! 국내 구글지도에서는 어떤 것이 새로워졌는지 알아볼까요?

새로워진 배경 정보

우리나라 뿐만 아니라 전세계적으로 진행된 이번 업데이트에서는 새로 생긴 고속도로, 지하철 노선, 새로 지어진 건물 등의 배경 정보가 최신 버전으로 바뀐 것을 확인할 수 있습니다.

 

새로워진 위성 영상

우리나라의 경우, 위성영상이 2015년 최신 영상으로 업데이트되었습니다~! 국내 타 지도서비스와 비교해 보니 위성영상에서 최신 정보들이 더 많이 반영이 된 걸 확인할 수 있었습니다.

구글지도, 네이버지도, 다음지도에서 각각 현재 공사가 한창 진행 중인 ‘롯데월드타워(일명, 제2롯데월드)‘를 한 번 검색해보았습니다. 아래 사진을 보시면 구글맵에서 제공하는 위성영상이 가장 최근 롯데월드타워의 모습을 보여주고 있는 것을 확인할 수 있습니다!

 

롯데월드타워_-_Google_Maps

제2롯월롯다월

 

향후 구글맵은 분기 별로 최신 정보를 업데이트할 예정입니다. 앞으로 더~ 좋아질 구글맵, 많이 기대해주세요!

 

Google I/O 2015 미리보기

“Google I/O is two days of inspirational talks, hands-on learning, and a chance to hear more about Google’s latest developer products.”

“구글 I/O는 이틀 간에 영감을 주는 이야기들과 실질적 배움, 그리고 구글의 최신 개발자 상품에 대해 들을 수 있는 기회”    

Google_I_O_2015
현지 시간으로 5월 28일과 29일, 그러니까 우리나라 시간으로는 오늘 저녁부터죠, 미국 샌프란시스코에서 Google I/O 2015가 개최됩니다. 구글은 지난 2008년 이래로, 매년 연례 개발자 컨퍼런스인 ‘구글 I/O’를 개최해오고 있습니다. I/O는 ‘Input/Output’혹은 ‘Innovation in the Open(개방 속 혁신)’이라는 의미를 가지고 있다고 하는데요. 구글 I/O에서는 전 세계의 소프트웨어, 하드웨어 개발자들이 모여 아침부터 저녁까지 Google Cloud Platform, Google Play, Android, Android TV, Wearable device 등 다양한 기술에 대해서 발표하고 이야기를 나누는 세션들을 진행한다고 합니다. 업계에서는 이번 구글 I/O에서 발표될 기술들에 대해서 이미 뜨거운 관심을 보이고 있는데요. 미국의 유명한 IT 미디어 Tech Crunch에서는 Android M, Chromecast, VR, Android Wear, Chrome Book을 주목할만한 5가지 분야로 선정했습니다.

전세계 개발자들의 관심이 집중되는 Google I/O 2015, 비록 샌프란시스코까지 가지는 못하더라도 웹페이지에서 모든 발표들이 인터넷으로 생방송되고, 주제 별로 따로 편집된 동영상이 홈페이지에 업로드된다고 합니다. 참고하시면 좋을 것 같습니다! 구글 I/O 이틀 간의 타임테이블과 올해엔 어떤 발표자가 어떤 주제의 발표로 세션을 구성하고 있는지 역시 확인할 수 있습니다.

Building_location_aware_apps_using_the_Android_Location_and_Places_APIs_-_Google_I_O_Schedule
또, 혼자 보는 것보다는 다른 사람들과 소통할 수 있다는 점이 구글 I/O의 메리트이기도 하지요. 그래서 GDG Seoul의 주최로, 우리나라에서도 여러 사람이 함께 모여 키노트를 생중계로 감상할 수 있는 자리가 마련됐습니다.

io_seoul

5월 28일 저녁 10시부터 익일 새벽 6시까지 진행되는 이 행사는, 서울시 강남구에 위치한 Google Campus Seoul에 모여 개발자들끼리 네트워크를 형성하고 키노트를 함께 생중계로 시청하는 기회를 갖는다고 합니다. 서울에서도 미국 샌프란시스코에서 열리는 구글 I/O를 다른 개발자들과 함께 이야기하며 볼 수 있다니, IT 개발자들에게는 좋은 기회인 것 같습니다!

Google I/O 2015 사이트 바로 방문하기>>  https://events.google.com/io2015/

웨어러블 디바이스: 샤오미 미밴드(Mi Band) 개봉기!

요새 주변에 보면 “어벤져스 2” 때문에 다들 난리죠? 그 흥행기세가 정말 무섭습니다. 이번 “어벤져스: 에이지 오브 울트론”은 전 편보다 더 다양해진 볼거리를 자랑하는데요. 무엇보다 더 강해지고 화려해진 주인공들의 모습이 눈에 띕니다. 저는 그 중에서도 특히 아이언맨을 가장 좋아한답니다. :)

아이언맨_어벤져스_-_Google_검색

아이언맨은 파워 수트와 헬멧, 안경 등을 착용해 증강현실로 적을 분석하기도 하고 초인적인 힘을 발휘하기도 합니다. 이런 것들이 모두 ‘웨어러블 디바이스’죠! 아이언맨의 파워 수트 같이 거창한 건 아니지만 저에게도 첫 웨어러블 디바이스가 생겼습니다!! 바로 샤오미미밴드(Mi Band)라는 건데요. 손목에 차면 수면 분석이나, 걸음 수 세기, 알람 등 간단한 기능을 하는 헬스케어용 웨어러블 디바이스라고 합니당 :)

 

자, 박스는 이렇게 간단하게 생겼습니다! 깔끔하네요 오오…
image_6

 

뚜껑을 열어봐도… 이렇게 깔끔합니다! 박스 디자인부터 마음에 쏙 들었네요 요 녀석! 가운데에 빼꼼 얼굴을 내밀고 있는 저 녀석이 바로 미밴드의 핵심이라고 할 수 있는 본체입니당^^ 그 아래에는 본체를 끼울 수 있는 밴드와 충전용 USB, 그리고 사용설명서가 들어있어요. 

image_2image_1image_3

 

착용감은 일단 굉장히 가볍고 편하네요~! 손목에 착 감기는 느낌도 좋고 차고 있는 걸 까먹을 정도로 편안합니다. 디자인도 깔끔하고 예쁘네요^^

image

 

충전은 USB에 이렇게 본체를 끼워서 컴퓨터나 충전할 수 있는 콘센트에 연결하면 됩니다. 한 번 충전으로 20~30일은 끄떡 없다고 하니 배터리 걱정은 접어둬도 되겠네요 :) 개봉한 직후에는 본체에 배터리가 충분치 않을 수 있어요. 저는 그래서 개봉하자마자 바로 컴퓨터에 연결해 충전을 해두었답니다^^ 

image_4image_2 2

 

샤오미 미밴드를 사용하기 위해서는 스마트폰 어플리케이션을 통해 연동해야 합니다. 아이폰 유저라면 앱 스토어에서, 안드로이드폰 유저라면 구글 플레이에서 “Mi Fit”을 검색하면 됩니다! Mi Fit은 샤오미에서 제공하는 미밴드용 공식 어플리케이션입니다. 앱을 내려 받은 후, 주황색의 Mi Fit 아이콘을 꾹 눌러서 실행시키면 다음과 같은 화면이 나타납니다. 블루투스는 켜주시는 거 잊지 마시고요!

image_3 2 image_4 2 image_5 image_6

 

자, 그럼 이제 가입을 해야겠죠? Mi Fit에서는 영문/중문 서비스 밖에 제공하지 않아요.. 슬프지만 더듬더듬 본능적으로 가입을 해보겠습니다! “Sign in” 버튼을 눌러 회원가입을 합니다~ 먼저 국적을 골라줍니다. South Korea를 찾아서 클릭! 전화번호를 적어주시고 비밀번호를  설정해주세요. (비밀번호는 숫자와 알파벳을 섞어서 8-16자로 설정해주면 됩니다) 인증번호를 보이는 대로 적고… 휴대폰 문자로 인증번호를 받아서 입력하기만 하면 가입 끝! 간단하죠? 아, 그리고 주의할 점 하나! 제가 이것 때문에 조금 헤맸습니다… 로그인할 때 [010 0000 0000] 이와 같이 자신의 휴대폰 번호를 그대로 입력하는 것이 아닌, [+82 10 0000 0000] 이런 식으로 앞에 국가번호를 붙여주고 010이 아닌 10으로 입력해야 로그인이 된다는 점! 여러분은 꼭 기억해두시고 저처럼 실수하지 마세요..!

image_7 image_9 image_8 image_11

 

로그인을 하면 이렇게 성별, 나이, 몸무게, 목표 걸음 수 등 간단한 기본 정보를 게재할 수 있습니다. 보다 정확한 헬스케어를 위한 필수 정보겠죠? :) 성실히 작성해줍니다~~

image_12 image_13 image_14 image_15

 

어플리케이션 여기저기를 뒤져보면 재미 있는 기능들이 많아요! 제 닉네임을 설정할 수도 있고요, 진동 알람을 설정할 수 있습니다. 미밴드 알람만 있다면 아침마다 알람소리로 온 가족을 깨울 필요 없이 혼자 간편하게 일어날 수 있겠죠? 또, 전화가 왔을 때 진동이 울리도록 설정할 수도 있습니다. 완전 유용해…! :D

image_20 image image_3 image_4

 

이상 [샤오미 미밴드 개봉기+ Mi Fit 어플리케이션 설치기]였습니다^^ 샤오미에서 한글어플을 제공하지 않아 어플리케이션 사용의 불편함이 다소 있는데요.. 이를 위해서 샤오미 공식이 아닌, 개인이 운영하는 네이버 까페 ‘Xiaomi Story’에서 한글어플을 제공하고 있습니다~! 한글어플에서는 우리가 많이 쓰는 SNS의 알림을 미밴드 진동으로 받을 수 있는 앱알림 기능도 제공하고 있다고 하는데요. 저도 정말 탐나지만.. 아쉽게도 아이폰에서는 제공되지 않는다고 하네요.. 흑흑

내 웹사이트에 매장 찾기 서비스(Store Locator)를 추가할 때: 7가지 Tips

Google Maps API 출시 이래로, 개발자들은 고객이 가까이에 있는 매장을 쉽게 찾는 데 도움이 되는 지도를 만들어왔습니다. 10년이 지났지만 여전히 매장 찾기 서비스(Store Locator)는 Google Maps의 주요한 성공사례입니다. 그리고, Google Maps API로 할 수 있는 것들이 훨씬 더 많습니다. 그래서, 당신의 고객을 위한 맞춤형 매장찾기 서비스를 만들기 위한 7가지 유용한 팁을 소개하려고 합니다.

 

1. 주소 입력을 위해 자동완성(Autocomplete) 기능을 이용하세요.

자동완성 기능은 Google Maps JavaScript API의 Places 라이브러리 기능 중 하나입니다. 자동완성 기능은 당신의 어플리케이션 내 Google Maps 검색창에서 텍스트를 모두 입력하기 전에 미리 검색해주는 기능을 제공합니다. 사용자가 주소를 입력하기 시작할 때, 자동완성 기능이 나머지 텍스트를 완성해줍니다. Google Places API는 이러한 기능이 담긴 서치박스 위젯을 제공하기 때문에, 부정확한 사용자 유입을 분석할 필요가 없습니다.

 

2. 로그인(Signed-in)의 추가적인 혜택을 제공하세요.

위치 저장 기능(Attributed save)이 있다면, 웹사이트 방문자들은 구글지도와 같은 다른 웹사이트의 지도에서도 당신의 매장 위치를 저장할 수 있으며, 클릭 시 당신의 사이트로 연결될 수도 있습니다. Google Maps JavaScript API의 로그인(Sign-in) 기능은 집이나 직장 같이 이용자들이 저장해둔 위치들이 나타나는, 그들에게 최적화된 지도를 갖게 할 것입니다.

 

3. HTML5 Geolocation을 이용해 고객들의 위치를 자동으로 찾으세요.

매장 찾기 서비스 페이지를 이용하는 고객들은 원하는 매장의 위치의 검색 결과를 최대한 빨리 얻고 싶어 합니다. HTML5 Geolocation을 사용하면, 사용자의 위치를 바로 파악해 자동으로 주변 매장의 위치를 나타낼 수 있습니다. 매장 찾기 서비스를 최대한 효율적이고 간편하게 제공하는 것은 고객들이 원하는 정보를 신속하게 찾고 궁극적으로는 당신의 매장에 조금 더 빨리 방문할 수 있다는 것을 의미합니다.

Google_Geo_Developers_Blog__Map_Tips__Build_a_great_store_locator

FedEx 웹사이트의 ‘Find FedEx Locations’ 페이지는 Geolocation을 활용한 매우 성공적인 사례입니다. 고객이 FedEx의 위치를 검색하기 시작할 때, 지도에 고객과 가장 가까운 매장 위치가 나타납니다.

 

4. 매장 외관을 Street View 이미지로 제공하세요.

Google Street View Image API를 활용해 매장과 주변 지역의 이미지를 제공하면, 고객이 좀 더 쉽게 매장에 찾아올 수 있습니다. Walgreens App은 웹사이트의 매장 찾기 서비스와 구글 스트릿 뷰를 통합해 Walgreens의 고객들이 더 쉽게 매장을 찾을 수 있도록 했습니다.
Google_Geo_Developers_Blog__Map_Tips__Build_a_great_store_locator 2

5. 검색 결과를 실제 운전 거리로 비교해보세요.

일반적으로, 매장 찾기 서비스의 데이터베이스들은 공간 검색을 수행할 때 직선거리 정보를 제공합니다. 하지만, 이런 정보는 종종 오해의 소지를 불러일으킬 수 있습니다. 데이터베이스 검색 후, Distance Matrix 서비스를 사용하면, 검색 결과를 실제 운전 거리에 따라 재분류할 수 있습니다. 뿐만 아니라, Directions 서비스를 통해 지도에서 네비게이션처럼 실제 방향, 턴 정보 등을 제공한다면 고객은 당신의 어플리케이션을 떠날 필요가 없습니다.

 

6. 작은 지도보다는 큰 지도, 우리 회사에 맞게 스타일링된 지도를 사용하세요.

사람들은 시각적, 공간적으로 생각합니다. 따라서 우리 회사에 맞게 스타일링된 지도는 당신의 매장 찾기 서비스의 중요한 포인트가 될 것입니다. 지도 가시화의 효율성을 향상시키기 위해 선택된 매장을 자동으로 강조하거나 모든 매장의 위치를 저장할 수 있도록 줌 레벨을 자동으로 설정하는 등의 역동적인 요소들을 사용하는 것을 고려해보세요. Styled maps를 활용한다면, 표준 구글 베이스맵을 당신의 가게 브랜드 이미지에 맞게 커스터마이징할 수 있습니다.

Google_Geo_Developers_Blog__Map_Tips__Build_a_great_store_locator 3

이용자가 테슬라의 웹사이트에서 “Find Us”를 선택하면, 주변에 있는 모든 테슬라 매장의 위치를 자동적으로 나타납니다.

 

7. 지도가 검색 경험을 향상시킬 수 있게 하세요.

당신의 웹사이트 이용자들이 지도에서 또 다른 매장의 위치를 찾을 수 있게 하세요. Event listener를 지도 idle event에 도입해 이용자가 지도를 확대하거나 축소할 때마다 매장 위치 정보를 불러올 수 있도록 하세요. 이 기능을 활용하면 이용자들이 원하는 매장의 위치를 다시 보기 위해 재검색을 하지 않아도 되기 때문에, 더 원활한 검색 경험을 제공할 수 있습니다.

샘플 코드로 바로 시작하고 싶다면 Google Maps API에서 Store Locator Library를 살펴보세요. 위의 기능들을 활용한 매장 찾기 서비스의 사례를 확인할 수 있습니다.
출처: http://googlegeodevelopers.blogspot.kr/2015/04/map-tips-build-great-store-locator.html

[기술 정보] Google Maps API Free 버전에서 Premium 버전 이동 Tips

Google Maps API를 활용해서 앱을 만들 때, 상당히 많은 개발자들이 Free 버전으로 개발한 후, 실제 앱을 출시하기 직전에 Premium 버전(Google Maps APIs for Work)으로 옮기는 경우가 많습니다. Google Maps API for Work는 하루에 사용할 수 있는 쿼타(Quota)와 초당 쿼타를 더 많이 제공하며, Premium 지원 채널에 대한 접근권한을 제공합니다. Premium 버전 사용 시작을 위한 몇 가지 중요한 팁을 소개합니다.

  1. Client ID 적용하기
  2. 도메인 권한부여
  3. 암호화 키(Crypto Key)로 웹서비스 요청 권한부여하기

1. Client ID 적용하기

Google Maps APIs for Work 고객이 되시면, 환영 이메일(Welcome Letter)과 함께 Client ID가 전달됩니다. Welcome Letter는 기술 담당자에게 보내지게 되는데, 만약 웰컴레터를 받지 못하신 경우, Google for Work Support Portal에 방문하시면 Client ID를 확인하실 수 있습니다.

migrating_1

구글은 Client ID로 사용자와 사용자의 앱을 구분합니다. 우선, 이전에 사용되었던 Product Key는 Client ID로 대체될 것입니다. 아래 예제는 Client ID(gme-droidsdonuts) 사용 전-후 시나리오를 보여줍니다.

migrating_2

v 파라미터는 로딩해야 하는 API 버전을 명시합니다. Maps For Work 고객은 항상 최신버전을 사용해야 하며, v=3이라고 명시하시면 됩니다. 더 많은 정보는 versioning guide에서 확인하실 수 있습니다.

Chrome 개발도구는 Client ID가 적용되었는지, API call에서 아직 대체되지 않은 Product Key가 있는지 등을 확인하는 어플리케이션의 HTML을 시각적으로 쉽게 리뷰할 수 있도록 해 줍니다. 그리고, Google for Work Support Portal은 페이지뷰 기록과 Client ID로부터 만들어진 웹서비스 요청 기록을 보여줍니다. 이 두 가지 방법을 잘 활용한다면, 앱이 Premium 서비스로 출시되었는지 확인할 수 있습니다.

 

2. 도메인 사용권한 부여하기

Premier 버전을 사용한 프로젝트와 앱의 안전이 보장되어야 합니다. 그래서, 구글은 사용권한이 확인된 도메인만 당신의 Client ID를 사용하고 있는지 보장하기 위해서, 항상 당신의 API 요청을 인증할 것입니다. 즉, 사용권한이 확인되지 않은 어떤 도메인으로부터의 API 요청이든 에러를 리턴할 것이고, 당신의 쿼타(Quota)에 반영되지 않을 것입니다.

Google for Work Support Portal에서 사용권한이 확인된 도메인을 확인할 수 있고, 언제든지 추가적인 도메인에 사용권한을 줄 수 있습니다. 만약 관련해서 어떤 문제가 있다면, Troubleshooting Guidelines을 확인하거나 Support에서 도움을 요청하세요.

migrating_3

3. 암호화 키(Crypto Key)로 웹서비스 요청 사용권한 부여하기

Client ID 뿐만 아니라, 지오코딩, 길찾기, 거리 매트릭스 등의 Google Maps Web Service API는 사용권한 확인을 위해 암호화 로그인 키(Cryptographic signing key)가 있는 추가적인 레이어가 필요합니다. 암호화 키(Crypto Key)는 Web Service API 요청이 당신의 Client ID와 사용권한이 확인된 도메인을 항상 포함하도록 함으로써, 믿을 수 있는 출처인지 보장해줍니다

암호화 키 자체가 서명이 아니라, 서명을 간단히 생성하도록 돕는 것이라는 것을 기억하세요. 비밀번호처럼 공유되면 안 됩니다. 더 많은 내용은 Authentication and Authorization 페이지에서 확인하세요.

 

이제 Client ID를 적용했고, 사용권한이 확인된 도메인도 세팅되었고, 암호화 키(Crypto Key)를 사용해서 Signature을 생성하였습니다. 이제 더 많은 쿼리 수, business-friendly SLA 와 support가 보장되는 자신감을 가지고 당신의 앱을 오픈할 준비가 되었습니다. 만약 더 많은 질문이 있으시다면, 제품과 관련된 FAQ, 문서, 다른 정보가 많이 있는 개발자 문서를 확인하세요.

API와 관련된 예상 밖의 문제가 생긴다면, CASE를 Support 팀에게 보내주세요. 최대한 빨리 문제를 해결해드리겠습니다. Product key를 Client ID로 대체하는 단계별 튜토리얼을 보고싶다면, 위의 video를 참고하세요.

 

>> 원문보기 (영문)

자동 검색 완성 기능, Google Places Autocomplete 시작하기

사용자가 입력하고 있는 단어를 미리 보여주고 입력해주는 자동 완성 기능은 구글 검색의 편리한 기능 중 하나입니다. 사용자는 자동 완성 기능으로 오타 실수를 줄일 수 있고 원하는 정보를 더 정확하고 신속하게 검색할 수 있습니다.

구글에서는 개발자들이 자동 완성 기능을 어플리케이션에 활용할 수 있도록 Google Places API 라이브러리 형태로 제공하고 있지만 이를 모르고 지나치는 경우가 대부분입니다.

앱 개발자들은 자동 완성 기능을 활용하여 앱 사용자에게 정확하고 신속한 주소, POI, 용어 검색 경험을 제공할 수 있습니다. Google Places Autocomplete API는 Places Javascript API (웹 서비스), Places API for Android (모바일 서비스) 에서 확인할 수 있으며 Places API for iOS는 곧 출시될 예정입니다.

아래 3가지 스텝을 통해 Javascript 버전의 Places API를 사용한 웹사이트에 자동 완성 기능 적용 방법에 대해 알아보세요.

 

Step 1.

먼저, Google Maps Javascript API 업로드 시, Google Maps JavaScript API 부트스트랩 URL에 있는 매개 변수를 사용하여 Google Places 라이브러리를 함께 포함하여 업로드 해야 합니다. 여기서 API_KEY는 개발자가 발급받은 Maps API key로 변경되어야 합니다.

<script type=”text/javascript”
src=”https://maps.googleapis.com/maps/api/js?libraries=places&key=API_KEY”>
</script>

 

Step 2.

사용자의 입력을 넣을 수 있는 text box를 생성하고 자동 완성 기능을 생성된 text box에 적용시킵니다. 이 단계에서 사용자의 검색 결과가 ‘시 단위’ (cities)만 검색되는 등 개발자가 원하는 대로 다양하게 설정할 수 있습니다.

HTML:

<input id=”search” type=”text”>

JavaScript:

var autoComplete = new google.maps.places.Autocomplete(
document.getElementById(search), {
types: [‘(cities)’]
});

 

Step 3.

검색 결과가 선택되었을 때 실행되는 event listener를 추가해야 결과들을 처리할 수 있습니다. 아래 예제에서는 사용자가 지도에서 선택한 결과의 위치를 회전시키고 확대할 수 있습니다.

google.maps.event.addListener(autoComplete, ‘place_changed’, function() {
var place = autocomplete.getPlace();
if (place.geometry) {
map.panTo(place.geometry.location);
map.setZoom(15);
}
});

모바일 앱을 개발중이신가요?

Google Places API for Android는 모바일 앱에서 입력한 주소의 자동 완성 기능을 제공하고 있습니다. GitHub에서 개발자 문서 (developer documentation)와 샘플 어플리케이션 (sample application)을 통해 더욱 자세히 알아보세요!

시작하기

Google의 자동 완성 기능을 모바일, 웹 어플리케이션에 활용하고 싶으신 분들은 아래 링크를 통해 리소스를 받으실 수 있습니다.

 >> 구글 Geo Developers Blog [Map Tips: Get Started with Autocomplete] 보기