메뉴 건너뛰기

조회 수 6877 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
One of the fabulous service from Google is Google map.
You can put the google map on your Web page with HTML5 geolocation.

HTML5를 이용하면 PC나 모바일용 웹페이지에 구글 맵을 서비스 할 수 있습니다.
아래 예제는 샘플인데요.
Show Position 버튼을 누르면 현재 위치가 지도에 표시됩니다.
(위치정보는 사용자가 공유를 허락해야 합니다.)

Click the Show Position button then your location will be displayed on the map.
(You need to allow share your location on your browser)
JS

Geolocation

Google Chrome 16.0.912.75 m  - Working well (O)
Internet Explorer 9.0.8.112        - Working well (O)
Opera 11.60                            - Working well (O)
Safari 5.1.2                             - Working well (O)
FireFox 9.0.1                          - Working well (O)

It is working well on all browsers in my Laptop.
You can download sample file below.
인터넷 익스플로러에서도 잘 작동을 하네요.
아래 샘플 파일 올립니다.



List of Articles
번호 제목 날짜 조회 수
237 HTML5로 나만의 비디오 플레이어 스킨 만들기 -2- JavaScript file 2014.09.04 6359
236 HTML5로 나만의 비디오 플레이어 스킨 만들기 -3- JavaScript file 2014.09.04 6349
235 HTML5 드래그 앤 드롭 하기 Drag and Drop file 2014.09.04 7807
234 HTML5 Web Storage -01- file 2014.09.04 5637
233 HTML5 Form 공부하기 -1- file 2014.09.04 5910
232 HTML5 Form 공부하기 -2- file 2014.09.04 6386
231 HTML5로 게임 만들기 워밍업 file 2014.09.04 6097
230 HTML5 Better semantic tags file 2014.09.04 6019
» HTML5 Geolocation (구글 지도에 현위치 표시하기) file 2014.09.04 6877
228 jQuery ajax post 요청 text 응답 2014.10.16 6775
227 JSON(JavaScript Object Notation) - jQuery Ajax - jQuery.getJSON() 메서드 (비동기적으로 JSON파일 로드) file 2014.10.16 6617
226 jQuery Ajax - jQuery.load() 메서드 (동적으로 원격 페이지 로드) file 2014.10.16 6477
225 트리뷰(TreeView) 컨트롤 file 2014.10.16 6776
224 Effects - Stop() 메서드 (애니메이션 효과 멈추기) file 2014.10.16 6272
223 Effects - Animate() 메서드 (여러가지 효과 동시 처리) file 2014.10.16 31037
222 Effects - SlideToggle() 메서드 (슬라이드 업/다운) file 2014.10.16 6801
221 Effects - SlideUp() 메서드 (슬라이드업) file 2014.10.16 6075
220 Effects - FadeIn() / FadeOut() 메서드 (서서히 보이기 및 숨기기) file 2014.10.16 6124
219 Effects - Show() / Hide() 메서드 (보이기 및 숨기기) file 2014.10.16 6016
218 Events - Unbind() 메서드 (이벤트 처리기 해제) file 2014.10.16 5801
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved