'google map'에 해당되는 글 1건

  1. 2011.10.21 구글맵 javascript API v3에 대한 정리~ (3)

구글맵 javascript API v3에 대한 정리~

|



간만에 모바일 웹으로 구글 맵을 다룰 필요가 있어 Google Map Javascript API v3을 사용해봤습니다.
구글 사이트에 정리가 잘 되어 있기는 하지만 간략하게 내용을 정리해 보려고 합니다. 

먼저 Google Map JavaScript API v3에 대한 프리젠테이션 자료입니다. 1시간으로 비교적 길지만 시간날 때 한번쯤 들어보면 괜찮을 것 같네요. 
모바일 환경등을 지원하기 위해 기존 Map의 속도를 향상시키기 위한 내용들이 앞부분에 나와 있네요..

 

Google Map JavaScript API v3으로 데스크탑과 모바일 환경을 지원하고 있구요.
기존의 JavaScript API는 더 이상 지원하지 않기 때문에 버전 3으로 마이그레이션 하라고 권고하고 있습니다.  

실제 튜토리얼을 살펴보면 굉장히 쉽게 이해할 수 있을 겁니다.
체감상으로도 속도도 향상된 것 같은데요. Google Map의 튜토리얼 페이지는 다음과 같습니다.

http://code.google.com/intl/ko-KR/apis/maps/documentation/javascript/tutorial.html 

한글로 잘 설명되어 있죠.. ^^
그리고 아이폰과 안드로이드와 같은 휴대용 기기에서 사용할 때의 내용에 대해서는 다음 페이지에서 자세히 설명하고 있네요.

http://code.google.com/intl/ko-KR/apis/maps/documentation/javascript/basics.html#Mobile

마지막으로 실제 예제들을 보면서 자신이 필요한 부분만 가져다 쓰는 것이 좋겠죠.
그래서 Sample Source를 다음 페이지에서 제공합니다.  

 http://code.google.com/intl/ko-KR/apis/maps/documentation/javascript/examples/index.html

저의 경우에는 모바일 환경에서 작은 이미지로 페이지를 호출하는 것이 필요해서 다음과 같이 컨트롤과 드래그 기능들을 모두 false로 설정해서 만들었습니다. 실행하는 화면은 다음과 같습니다. 


위 화면을 만든 소스는 다음과 같으니 참고하시기 바랍니다. 




Trackback 0 And Comment 3
prev | 1 | next