티스토리 뷰
공장 (factory)/- Programming..
구글맵(Google Maps JavaScript API v3) 적용, 위치 표시와 말풍선 띄우기.
무중력인간 2013. 8. 15. 21:38구글지도를 웹페이지에 적용했을 때의 모습이다.
방법은 굉장히 쉽다.
사실.. 처음에 아무것도 몰랐을 때는 좀 어려운데, 알고나면 별 거 아니다.
https://developers.google.com/maps/documentation/javascript/
아래 소스에 주석으로 설명을 달아놨으니 필요한 사람은 참고하길 바란다.
*** 먼저 독타입을 HTML5 형식으로 맞춰줄 것! "<!DOCTYPE html>"
↓ <head>와 </head>사이에 넣는다.
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
↓ <body>와 </body>사이에 넣는다.
참고로 위도와 경도는 https://maps.google.com 의 지도에서,
오른쪽 클릭 → 이곳이 궁금한가요? 선택하면 알아낼 수 있다.
'공장 (factory) > - Programming..' 카테고리의 다른 글
| [JSP] 전체 방문자 수/오늘 방문자 수 count (2) | 2013.08.26 |
|---|---|
| 구글맵(Google Maps JavaScript API v3) 주소로 검색하기 - Geocoding (10) | 2013.08.22 |
| Java 환경변수 설정. (0) | 2013.08.06 |
| 오라클 유저 생성 및 권한부여. (0) | 2013.08.06 |
| sql developer 시작 시 설정. (0) | 2013.08.06 |
댓글