5. 초보 개발자부터 고급 개발자까지...
-
Upload
kwangjin-so -
Category
Technology
-
view
145 -
download
4
Transcript of 5. 초보 개발자부터 고급 개발자까지...
![Page 2: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/2.jpg)
Streamlining developer experiences with the Google Maps APIs
초보개발자부터고급개발자까지아우르는 Google Maps API 이야기
SPH R&D 정근택
![Page 3: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/3.jpg)
1. Google Maps API?
![Page 4: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/4.jpg)
Google Maps API의시작
![Page 5: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/5.jpg)
Google Maps API의변화
![Page 6: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/6.jpg)
2. 코딩없이Google Maps 사용하기
![Page 7: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/7.jpg)
코딩없이구글지도활용하기
코딩없이간단하게구글지도를 사용하기위한 API
https://developers.google.com/maps/documentation/static-maps/?hl=ko
https://developers.google.com/maps/documentation/embed/start?hl=ko
![Page 8: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/8.jpg)
내앱에서구글지도앱실행
Android iOS
![Page 9: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/9.jpg)
3. Google Maps API 공간정보사용하기
![Page 10: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/10.jpg)
Google Places API-Autocomplete
Android iOS 실행화면
![Page 11: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/11.jpg)
Google Places API-Place Picker
Android iOS 실행화면
![Page 12: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/12.jpg)
4. Google Maps API 유틸리티라이브러리
![Page 13: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/13.jpg)
Marker Clustering
이슈 구현소스 결과
![Page 14: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/14.jpg)
HeatMap
이슈 구현소스 결과
![Page 15: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/15.jpg)
5. Google Maps API Web Services
![Page 16: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/16.jpg)
Directions API(길찾기)▪ 자동차, 도보, 자전거 등 여러이동 모드에 대한 찾아가는 길을검색할수있음.
▪ 텍스트 문자열로 지정하거나위도/경도 좌표로 지정할 수 있음.
▪ 경유지를 사용하여 여러 찾아가는길을반환할수있음.
▪ 결과 값은 JSON/XML 형태로반환됨.
![Page 17: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/17.jpg)
Places Web Service주요기능 결과값
장소검색사용자의위치 또는검색 문자열을기준으로 장소목록 반환
장소세부정보요청
사용자리뷰를 비롯하여특정 장소에대한 자세한정보를 반환
장소추가Google Places 데이터베이스의데이터에애플리케이션 데이터추가
장소사진Google Places 데이터베이스에저장된수백만 개의장소 관련사진 액세스
장소자동 완성입력시장소의 이름과주소를 자동으로채워 줌
![Page 18: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/18.jpg)
Before After
Road API
![Page 19: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/19.jpg)
Google Maps API 관련샘플
Google Maps API Libraries
http://googlemaps.github.io/libraries
Google Maps API 예제소스
https://github.com/googlemaps/android-maps-utils
https://github.com/googlemaps/android-samples
https://github.com/googlemaps/roads-api-samples
Android AutoCompete/Place API 예제소스
https://github.com/googlesamples/android-play-places
![Page 20: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/20.jpg)
6. Google Maps API구현 Demo
![Page 21: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/21.jpg)
Demo-선박관제
위성 AIS 정보를실시간으로전달받아구글지도에보여주는선박관제시스템
적용기술 화면
- Google Maps API Javascript V3
- Autocomplete, Map Label 등
- Server Side Clustering
- WXTiles 서비스
![Page 22: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/22.jpg)
Demo-항공관제
항공정보를 실시간으로 구글지도에보여주는 항공관제시스템
적용기술 화면
- Google Maps API Javascript V3
- SuperMap GIS 웹서버
- Marker Clustering
![Page 23: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/23.jpg)
+Kuntaek Jung
Get started: g.co/codelabs/IO16
Questions: [email protected]
Docs: developers.google.com/maps
Video: https://youtu.be/WJY2tGVQDGQ
![Page 24: 5. 초보 개발자부터 고급 개발자까지 아우르는 Google Maps API 가이드](https://reader033.fdocuments.net/reader033/viewer/2022042706/5885f7d51a28ab864f8b71b5/html5/thumbnails/24.jpg)
(주)SPH�+Name:�정근택과장+Email: [email protected]+Phone:�02-785-9910