요즘 학부 과정의 데이터베이스 수업의 교수님께서 내건 이번학기의 주제인 Mash Up과 관련해서, 가장 많이 Mashup되고 있는 웹사이트중 하나인 Google Maps의 API를 공부하다 이의 한글 문서가 없어서 (저처럼) 고생하는 분들이 있을까봐. "한글로 알기 쉬운 강좌를 써보겠습니다."라는 취지로 Google Maps API 사용 강좌를 시작해봅니다.
무지한 저의 날림 강의(어쩌면 번역에 가까운...)가 잘못된 점이 있다면 이를 발견하신 분께서는 바로바로 지적해주셔서 저를 깨우쳐 주시기 바랍니다.
참고로 제 허접한 한글 설명이 아닌 원문을 원하시는 분은 링크를 클릭해주시기 바랍니다.
------------------------------------------------------------------
#1. 소개
여기서는 구글맵 API의 소개와 간단하게 시작해보는 구글맵 API의 가장 기본적인 코드를 분석해 보도록 하겠습니다.
원문에서는 이 코드가 자바스클립트와 OOP에 친숙한 프로그래머들에게 겨냥되어 작성되었다고 말하지만, 사실 저처럼 자바스클립이나 웹프로그래밍에 무지한 사람도 쉽게 알아들을 수 있는 가독성 높은 코드(드높은 구글의 프로그래머들이 만들었으니 오죽하겠습니까!?)들이니 너무 걱정하시지 마시길 바랍니다. 또한 Google Maps API의 경우에는 OOP를 따라 제작되어서 상당히 최적화된 Encapsulation과정을 거쳤기 때문에 여러분은 단시 사용자의 관점으로만 보면서 프로그래밍을 하실수 있습니다. 게다가 이 모든게 자바스클립트로 연결되기 때문에 달리 웹지향 스클립트 언어를 사용하실 수 없으신 분들도 HTML만으로 쉽게 접근하실 수 있습니다.
그럼 이제 본격적으로 Google Maps API의 시작인 모든 프로그래머의 친구 "Hello, World"를 만나보기로 하죠..
코드의 해설은 각 부분에 주석으로 달려있습니다.
네...실은 -_- html문서를 블로그에에 코드 그대로 쓰는게 너무나 힘들어서 귀차니즘에 링크해버렸습니다...죄송합니다. 하지만 이 문서의 주석은 참 열심히 달았답니다...(물론 쓸데없는 말이 85.9%이긴하지만요 ^^)
다시 본론으로 들어가서 여러분은 이 코드의 예제를 링크를 클릭하셔서 만나볼수 있습니다. 물론 제가 만든걸 부끄럽게 보여드릴수는 없고 Google Maps API 문서 페이지의 예제입니다. (원문에도 명시되어 있지만!! 가장 중요한건 Key값을 여러분만의 유일한 값으로 대입해야한다는 것입니다.!)
아! 그러고보니 키값을 얻는방법을 알려드리지 않았군요.
키 값은 바로 이 곳에서 얻을수 있는데요. 필요한건 여러분이 이 키값을 사용할 웹사이트의 상위 주소랍니다!(대체 구글아저씨들은 이걸로 뭘 하려하는 걸까요? 이것은 아마 API를 공개한 이유와 상충하지 않을까 싶기도 합니다.) 이 키값은 저 위의 코드 링크속에 표시된 부분에 집어 넣어주세요!!!
------------------------------------------------------------------
이런이런 이미 밤늦은 시간이 되어버렸네요...
단지 http://www.google.com/apis/maps/documentation/ 에서 3분이면 이해할 코드를 이렇게 장황하고 헛짓하며 설명해 놓는 제 자신이 웃겨보이기도 하지만 적어도 우리나라의 영어가 익숙하지 않고, 프로그래밍을 접해보시지 못한 분들에게는 아주아주 약간이나마 도움이 되길 기대하고 이리 잡다하게 적어봅니다.
그럼 전 내일 수업을 위해 숙면의 세계로 가야겠어요 ^^)//~
아참! 다음 시간에는 "구글맵 이동과 애니매이션"(무슨 소리인지는 모르겠지만 원문을 그대로!!)과 간단한 "이벤트 수신"를 공부해봅시다. 좋은 밤 되세요.
무지한 저의 날림 강의(어쩌면 번역에 가까운...)가 잘못된 점이 있다면 이를 발견하신 분께서는 바로바로 지적해주셔서 저를 깨우쳐 주시기 바랍니다.
참고로 제 허접한 한글 설명이 아닌 원문을 원하시는 분은 링크를 클릭해주시기 바랍니다.
------------------------------------------------------------------
#1. 소개
여기서는 구글맵 API의 소개와 간단하게 시작해보는 구글맵 API의 가장 기본적인 코드를 분석해 보도록 하겠습니다.
원문에서는 이 코드가 자바스클립트와 OOP에 친숙한 프로그래머들에게 겨냥되어 작성되었다고 말하지만, 사실 저처럼 자바스클립이나 웹프로그래밍에 무지한 사람도 쉽게 알아들을 수 있는 가독성 높은 코드(드높은 구글의 프로그래머들이 만들었으니 오죽하겠습니까!?)들이니 너무 걱정하시지 마시길 바랍니다. 또한 Google Maps API의 경우에는 OOP를 따라 제작되어서 상당히 최적화된 Encapsulation과정을 거쳤기 때문에 여러분은 단시 사용자의 관점으로만 보면서 프로그래밍을 하실수 있습니다. 게다가 이 모든게 자바스클립트로 연결되기 때문에 달리 웹지향 스클립트 언어를 사용하실 수 없으신 분들도 HTML만으로 쉽게 접근하실 수 있습니다.
그럼 이제 본격적으로 Google Maps API의 시작인 모든 프로그래머의 친구 "Hello, World"를 만나보기로 하죠..
코드의 해설은 각 부분에 주석으로 달려있습니다.
네...실은 -_- html문서를 블로그에에 코드 그대로 쓰는게 너무나 힘들어서 귀차니즘에 링크해버렸습니다...죄송합니다. 하지만 이 문서의 주석은 참 열심히 달았답니다...(물론 쓸데없는 말이 85.9%이긴하지만요 ^^)
다시 본론으로 들어가서 여러분은 이 코드의 예제를 링크를 클릭하셔서 만나볼수 있습니다. 물론 제가 만든걸 부끄럽게 보여드릴수는 없고 Google Maps API 문서 페이지의 예제입니다. (원문에도 명시되어 있지만!! 가장 중요한건 Key값을 여러분만의 유일한 값으로 대입해야한다는 것입니다.!)
아! 그러고보니 키값을 얻는방법을 알려드리지 않았군요.
키 값은 바로 이 곳에서 얻을수 있는데요. 필요한건 여러분이 이 키값을 사용할 웹사이트의 상위 주소랍니다!(대체 구글아저씨들은 이걸로 뭘 하려하는 걸까요? 이것은 아마 API를 공개한 이유와 상충하지 않을까 싶기도 합니다.) 이 키값은 저 위의 코드 링크속에 표시된 부분에 집어 넣어주세요!!!
------------------------------------------------------------------
이런이런 이미 밤늦은 시간이 되어버렸네요...
단지 http://www.google.com/apis/maps/documentation/ 에서 3분이면 이해할 코드를 이렇게 장황하고 헛짓하며 설명해 놓는 제 자신이 웃겨보이기도 하지만 적어도 우리나라의 영어가 익숙하지 않고, 프로그래밍을 접해보시지 못한 분들에게는 아주아주 약간이나마 도움이 되길 기대하고 이리 잡다하게 적어봅니다.
그럼 전 내일 수업을 위해 숙면의 세계로 가야겠어요 ^^)//~
아참! 다음 시간에는 "구글맵 이동과 애니매이션"(무슨 소리인지는 모르겠지만 원문을 그대로!!)과 간단한 "이벤트 수신"를 공부해봅시다. 좋은 밤 되세요.
