분류 전체보기
4. 콘트롤을 올려보자.
이전 결과를 보면 너무 단조 롭다. 구글맵에서 보면 축소 확대도 가능하고, 맵 모드를 바꿀수도 있다. 이런 콘트롤 역시 각각 객체로 제공을 한다. 앞 예제의 displayMap함수 마지막에 아래의 코드를 넣어 보자. [CODE type=javascript] map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); [/HTML][/CODE] GMap2의 addControl이라는 메소드를 이용해 pan에 올릴 콘트롤 변수를 파라미터로 넘겨주면 된다. 예제에서는 구글맵에서 제공하는 콘트롤인 MapType, SmallMap두가지 콘트롤을 올렸다. 전체 소스는 아래와 같다. [CODE type=javascript] [/HTML][..
3. 간단한 구글 맵을 예제
구글은 자바스크립트와 html을 이용해 사용할 수 있다. html문서를 새로 하나 만들어 보자. 구글맵을 사용하기 위해서는 아래 코드를 반드시 넣어 줘야 한다. [CODE type=javascript] [/HTML][/CODE] 이렇게 해줘야만, 구글맵에서 제공하는 객체들을 사용할 수가 있다.(너무 당연한가^^ㅋ) 그리고, html body안에 맵을 뿌려줄 영역을 만들어 줘야 한다. [CODE type=javascript] [/HTML][/CODE] gmap라는 div안에 현재는 아무런 내용이 없지만, 자바스크립트로 구글맵 API를 사용하면 동적으로 div안의 영역에 맵이 생성된다. 이제 실제 구글맵 API를 사용하는 자바스크립트 함수를 하나 만들자 [CODE type=javascript] [/HTML]..
2. 인증키를 받자.
다른 웹메소드를 사용해 보면 알겠지만, 구글 맵 역시 사용자 키를 받아 등록을 해야한다. 아직 등록을 하지 않았다면, http://www.google.com/apis/maps/signup.html 이곳 에서 등록을 하면 된다. 간단한 등록 절차를 거치면 영숫자가 조합된 키를 받게되는데 구글맵API를 이용하기 위해서는 반드시 필요하다. 혹시 자신이 등록한 키를 잃어 버렸다해도 등록한 계정으로 로그인을 하면 자신의 키를 확인 할 수 있다.
1. 구글 맵 API란?
Google 에서 하는 여러 서비스 중에서 Google Map이란 서비스가 있다. 전세계 위성 사진을 볼 수 있는 서비스로서 Google의 다른 서비스와 마찬가지로, API를 제공하여 개발자가 커스터마이징 하여 활용할 수 있는 방법을 마련해 놓았다. 현재는 2.x대 버전까지 발표한 상태로 여기서 DHTML을 이용한 간단한 활용법을 알아보자. 우리나라의 경우 서울 중심지등 일부 지역만 세부적인 위성 사진을 제공 하는 아쉬운 점이 있지만, 점점 제공하는 지역이 확대 되고 있으니, 기다려 보면 내가 살고 있는 곳의 자세한 위성 사진을 볼 수 있을 지도 모르겠다. 일단은, 재미삼아 한번 사용해 보자. ^^* 구글맵 API는 자바스크립트를 사용해 개발을 한다. 구글의 실력 좋은 개발자 들이 OOP로 구현을 너무 ..
블로그 이사..
기존 홈피를 블로그 형태로 바꿨어. 예전 글들을 살리느라고 생각보다 오래 걸렸네.. 그래도 어찌어찌 무사히 마쳤다..^^ 내가 웹에 살게 된것이 몇번째 던가.. 첫 홈피는 어느 포탈의 홈페이지 계정을 신청해 살았어. 배경 지식이 없어서 만들다가 오픈도 못하고 사장 되었고, 두번째는 신흥대를 다니며 넷츠고에 만든 홈피였어. newtypez.com 이란 도메인도 사서 주소로 썼지 이땐 리포트다 공부 자료다 해서 우리과 학생들 때문에 꽤 활동이 있었지. 세번째는 우레드 라는 웹 호스팅 업체 이벤트에 당첨되서 웹 호스팅을 무료로 받으며 newtype.pe.kr이란 도메인을 연결 해 만들 었지. 제로 보드 만으로 뚝딱뚝딱 순식간에 만들었어. 지금 이 블로그의 모체 이기도 하고, 대부분의 글들이 거기 있던 것들이 ..