내홈페이지에 구글맵 넣기

내홈페이지에 구글맵 넣기

구글맵 등록 사이트 주소 : http://www.google.com/apis/maps/signup.html

구글맵을 사용하기 위해서는 먼저 구글에 등록을 해서 API KEY를 얻어와야합니다. 그리고 API KEY를 받기 위해서는 구글에 계정이 있어야 합니다.

API KEY는 웹서버 안의 하나의 디렉토리 안에서 유효합니다. 만약 http://www.openonweb.com/forumcontent 로 URL을 등록한다면 forumcontent 디렉토리와 하위디렉토리의 모든 페이지에서 API를 이용할 수 있습니다. 하나의 API KEY는 URL과 구글 사용자계정에 연결되어 생성됩니다.

이용약관을 간단히 살펴보면 다음과 같습니다.

•페이지 뷰의 숫자는 제한이 없다.
•Geocode 요청은 50,000번으로 제한된다.
•Maps API는 광고를 포함하지 않는다.
•당신의 서비스는 무료로 사용자에게 제공되어야한다.
•로고나 맵을 지우거나 바꿔서는 안된다.
만약 상용 서비스로 구글맵 API를 사용하고자 한다면 Google Maps for Enterprise를 사용해야합니다.

등록하는 방법을 요약해보면 간단합니다.

API KEY 등록
1. 구글에 로그인한다.
2. 등록사이트를 방문한다
   (Site 맨 하단에 코드 만드는 부분이 있습니다.)
3. URL을 넣는다.
4. Generate API Key를 누른다.

<웹사이트에 넣어보기>

구글맵 마법사를 이용해서 사이트에 넣을 지도를 만들어봅시다.

마법사에서는 검색되는 위치만 지도를 생성할 수 있다는 제약이 있습니다. 한국의 경우 도시 이름으로 검색이 되네요. 마법사는 API KEY도 자동으로 생성해줍니다.

위자드사용법
1. Center location name : 오픈온웹
2. Center location link URL : http://www.openonweb.com
3. Center location Address : 서울
4. 생성된 코드를 복사해서 붙입니다. 생성된 코드는 크게 두부분으로 나뉘어지는데
<div id="mapsearch">
<span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
</div>
부분은 실제 구글맵이 표시될 위치에 넣어주시고, 나머지는 </body> 바로 윗부분에 넣어야 합니다.

먼저 PC에서 정상적으로 표시되는지 확인해보시고, 서버에 올리면 됩니다. 아래 마법사에서 생성된 구글맵입니다. 서울인데요 맵데이터가 없어서 한강만 보이네요 썰렁하지요?다. ㅋㅋ 저도 지금 몇개 건졌습니다. 흐흐