반응형
블로그 이미지
개발자로서 현장에서 일하면서 새로 접하는 기술들이나 알게된 정보 등을 정리하기 위한 블로그입니다. 운 좋게 미국에서 큰 회사들의 프로젝트에서 컬설턴트로 일하고 있어서 새로운 기술들을 접할 기회가 많이 있습니다. 미국의 IT 프로젝트에서 사용되는 툴들에 대해 많은 분들과 정보를 공유하고 싶습니다.
솔웅

최근에 받은 트랙백

글 보관함


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


블로그 폭이 좁아서 MAP/Satelate 를 선택하는 버튼이 가려졌습니다.
위 파일을 다운 받으시면 전체 화면을 보실 수 있습니다.
지도 화면과 위성화면 둘 다 선택해서 보실 수 있어요.
반응형

Comment

  1. guest 2012.01.31 23:58

    자바 스크립트 오류가 나네요
    prettify.js
    utils.js
    첨부가 필요할듯해요

    • guest 2012.02.01 00:23

      사파리, 크롬은 잘됩니다
      IE가 말썽이네 제 pc만 그런듯

    • 솔웅 2012.02.01 06:24 신고

      원래 IE는 HTML5 지원에 제한이 많이 있더라구요.
      HTML5는 여러 브라우저에서 테스트 해 보셔야 되요.

      감사합니다.