메뉴 건너뛰기

조회 수 6810 추천 수 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.
인터넷 익스플로러에서도 잘 작동을 하네요.
아래 샘플 파일 올립니다.



  1. 화면 회전에 따른 애니메이션 효과 구현하기

    Date2015.07.16 Views8059
    Read More
  2. 화면 해상도에 관계없는 레이아웃(Layout) 만들기

    Date2015.07.16 Views8641
    Read More
  3. 화면 전환해도 데이터 유지 예제

    Date2015.07.26 Views9204
    Read More
  4. 하이브리드앱 기본 - WebView로 웹페이지 띄우기

    Date2020.12.14 Views1027
    Read More
  5. 하이브리드 앱에서의 세션관리(로그인 상태 유지)

    Date2018.12.27 Views5020
    Read More
  6. 푸시 서비스(GCM)에 대해 알아보자

    Date2015.07.01 Views7004
    Read More
  7. 푸쉬 알림 기능. GCM (Google Cloud Messaging) 사용하기 (3)

    Date2015.07.16 Views6267
    Read More
  8. 푸쉬 알림 기능. GCM (Google Cloud Messaging) 사용하기 (2)

    Date2015.07.16 Views7292
    Read More
  9. 푸쉬 알림 기능. GCM (Google Cloud Messaging) 사용하기 (1)

    Date2015.07.16 Views6726
    Read More
  10. 폰갭(PhoneGap) 플러그인 사용하기

    Date2015.06.29 Views7383
    Read More
  11. 폰갭(PhoneGap) 플러그인 만들기

    Date2015.06.29 Views8484
    Read More
  12. 폰갭(PhoneGap) 에서 페이지들간의 이동

    Date2015.06.29 Views8522
    Read More
  13. 폰갭(PhoneGap) & jQuery Mobile 로 안드로이드 어플 개발

    Date2015.06.29 Views7839
    Read More
  14. 폰갭 비콘 디텍팅 안될 때 (기본적인건 다 되있어야됨)

    Date2015.07.26 Views6533
    Read More
  15. 패키지명을 한꺼번에 변경하기 (Refactor)

    Date2020.12.14 Views297
    Read More
  16. 특정 폴더에서 오래된 파일 삭제하기

    Date2015.07.16 Views6771
    Read More
  17. 트리뷰(TreeView) 컨트롤

    Date2014.10.16 Views6724
    Read More
  18. 탭 뷰에 탭 추가하기, 아이콘 넣기

    Date2015.07.16 Views9361
    Read More
  19. 클래스나눠서 xml 파싱과 FTP를이용하여 안드로이드에서 활용하기

    Date2014.08.28 Views6180
    Read More
  20. 카카오톡 분석하기 (2) - 카카오톡 암호화 함수 찾기

    Date2016.05.26 Views9601
    Read More
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved