교육센터 스터디정보 사이트제작 웹디자인 워드&오피스 웹프로그래밍 특강/트랜드
 
내홈페이지에 구글맵 넣기,사이트제작팁,교육센터.
내홈페이지에 구글맵 넣기 [14]

내홈페이지에 구글맵 넣기

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

 


불꽃♨웅 11-04-15 11:28  조회 : 13047
▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
▒ 돈 많아서 양주먹는 너만 잘났냐 ▒
▒ 돈 없어서 소주먹는 나도 잘났다 ▒
▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
악플보다 나쁜것이 무플입니다. 댓글을 달아주시는 센스!! 나의글,정보 하나가 많은 이의 큰힘이 됩니다.
좋은글에는 감사의 "추천버튼", 공감가는 댓글에는 "공감버튼"을 눌러주세요~ 나누면 즐거움이 두배^^~
김우영 11-07-23 11:29 
공감 : 0
반대 : 0
감사합니다. 잘봤습니다.
최명숙 11-08-18 17:51 
공감 : 0
반대 : 0
감사합니다
손가은 11-09-14 10:56 
공감 : 0
반대 : 0
아주 유익한 정보입니다.
디벨로 11-11-13 16:20 
공감 : 0
반대 : 0
유용한 팁입니다
지우진 12-04-10 15:21 
공감 : 0
반대 : 0
찾고 있는 팁입니다. 감사합니다.^^
이대얼 12-06-19 11:11 
공감 : 0
반대 : 0
좋은정보네요..잘 활용할게요
이미영 12-08-14 08:21 
공감 : 0
반대 : 0
잘 활용할께요
서경섭 12-08-23 18:02 
공감 : 0
반대 : 0
정보 감사합니다. ~
이동재 12-12-17 11:43 
공감 : 0
반대 : 0
정말 좋은정보네요. ㅋ
서의권 13-08-01 16:48 
공감 : 0
반대 : 0
좋은정보감사합니다^^
블라크 13-08-08 18:37 
공감 : 0
반대 : 0
좋은 정보 감사합니다~
조정기 13-09-14 23:44 
공감 : 0
반대 : 0
좋은 정보 감사합니다~



출처: 셀클럽 - http://sellclub.co.kr
다른곳에서 이용할시에는 꼭 출처를 같이 복사이용 바랍니다.
내면의공간 17-04-22 22:35 
공감 : 0
반대 : 0
수고하셨습니다
박혜범 17-06-01 18:35 
공감 : 0
반대 : 0
감사 함니다^^
"로그인" 하시면 댓글을 남길 수 있습니다.


 사이트제작팁 
매니져: 미정
번호 제목 글쓴이 조회
95 폼 메일 보내기    [3] 제임스소프트 5065
94 파일에서 이메일주소만 추출하기    [2] 제임스소프트 4572
93 select box 텍스트값 가져오기    [1] 제임스소프트 8105
92 스크롤바 색상변경하기    [10] 불꽃♨웅 7754
91 [PHP] 서버 운영하시는분 서버 꺼졌을때 메시지 띄우기    [10] 불꽃♨웅 8714
90 내홈페이지에 구글맵 넣기    [14] 불꽃♨웅 13048
89 입술 색상(립스틱 색상)표    [2] 개놈프로젝트 9772
88 배경패턴 다운로드    [2] 개놈프로젝트 13782
87 온라인 낙관만들기    [3] 개놈프로젝트 13041
86 온라인 3D 글자(문자).로고 만들기 사이트    [4] 개놈프로젝트 10219
85 무료 온라인 버튼 만들기 사이트    [3] 개놈프로젝트 4608
84 한글지원되는 온라인 포토샵    [6] 개놈프로젝트 5068
83 온라인 구글 폰트(google font) 사용하기    [3] 개놈프로젝트 6679
82 이 폰트가 무슨 폰트인지, 알고 싶을 때 씁니다. 한글폰트는 되...    [4] 개놈프로젝트 4382
81 온라인 틸트쉬프트 Tilt Shift    [2] 개놈프로젝트 4890
80 무료 온라인 로고 제작 사이트    [1] 개놈프로젝트 5196
79 다들 아시겠지만 모르시는 분들을 위해..    [3] 식돌맨 3831
78 퇴장 팝업 소스    [5] 식돌맨 6003
77 ********** 주민번호 검사    [3] 식돌맨 4315
76 실시간 변하는 다이나믹한 이미지 베너소스...    [7] 식돌맨 5558
75 메타테그 새창으로...    [2] 식돌맨 4940
74 접속시 랜덤으로 배너 보여주는 소스    [9] 투데이 6972
12345


체험단정보 더보기
 블로그 체험단 구합니다.
 먹거리, 각종업체 블로그 체험단...
 제주도 게스트하우스 체험단모집
교육센터 한주간 BEST10 더보기
게시물이 없습니다.
위탁도매
일반도매
판촉물
도매아이템/사업아이템 공유~
무료로 사이트/아이템 홍보하세요.
셀로거 셀프리 셀스팟 셀러팀 셀클럽
주소: 서울특별시 강남구 역삼동 642-1 역삼하이츠빌딩 19층 / 대표:박정현 / 상호:셀프리 / 사업자등록번호: 201-10-53055 / 이용문의게시판 / cs@sellclub.co.kr
힘이되는커뮤니티~ 함께만들어가는 커뮤니티~ 성공을 향한 빠른지름길~ 정보와 온기가 넘치는 당신의 최고의 파트너 셀클럽