graynote의 이미지
graynote
476
points
3
points

구글맵 API 기본 강좌 01 - 등록하기, 웹사이트에 넣어보기

<등록하기>

구글맵 등록 사이트 주소 : 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. 등록사이트를 방문한다
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에서 정상적으로 표시되는지 확인해보시고, 서버에 올리면 됩니다. 아래 마법사에서 생성된 구글맵입니다. 서울인데요 맵데이터가 없어서 한강만 보이네요 썰렁하지요?


Loading...

지도를 내 웹사이트에 넣기 간단하지요!? 더 상세한 커스터마이즈는 다음 강좌에서 다루겠습니다.

Tag :

Trackback URL for this post:

http://www.openonweb.com/trackback/81
sitica86
9
points

Google Maps for Enterprise을 사용할 경우 상용이 아닌 경우와 어떤 차이가 있나요?

graynote의 이미지
graynote
476
points

Google Maps API를 이용하는 것은 동일합니다만, 지도가 사용되는 서비스가 모든 사용자에게 무료로 제공될 필요는 없습니다. 만약 돈을 낸 사용자에게만 특정 지역의 정보를 보여주는 서비스의 경우나 혹은 Intranet에서 사용할 경우 Google Maps for Enterprise를 사용해야합니다. 그것 이외에 geocode의 이용등에 대한 제한등이 없이 사용할 수 있는 등의 서비스를 제공하고 있네요.

댓글 쓰기

이 필드의 내용은 비밀로 유지되며, 공개되지 않습니다.

포맷팅 옵션에 대한 추가 정보

CAPTCHA
스팸방지를 위한 질문입니다.
14 + 6 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.