HTML5는 지리적 위치 정보의 API를 제공하고 브라우저를 통해 사용자의 현재 위치를 얻습니다. 이 기능을 기반으로 위치 기반 서비스 응용 프로그램을 개발할 수 있습니다. 지리적 위치 정보를 얻기 전에 첫 번째 브라우저는 사용자에게 위치 정보를 공유 할 의사가 있는지 묻고 사용자의 동의 후에 만 사용할 수 있습니다.
HTML5 지리적 위치 정보는 GetCurrentPosition 방법을 사용하여 제공됩니다.
다음 데모는 지질학을 통한 지리적 위치 정보를 보여주고 Baidu MAP API에 대한 현재 위치를 표시합니다 (Baidu Map API). 실험 결과는 위치가 대학 마을의 이스트로드 입구에 위치한 것으로 나타났습니다.
코드는 아래에 나와 있습니다 (여기서 Baidu 맵을 위해 Convertor.js가 제공 한 좌표 변환 파일) :
<! /script> <script type = text/javaScript src = convertor.js> </head> <body> 맵 스타일 = 400px> </div> <script type = 텍스트 /javaScript> if (wind (Posity) {// 현재 위치를 얻으십시오 Baidu Map Display Var Map = var ggpoint = lng, lat); = New Bmap.marker (Point); Addoverlay (마커);convertor.js 파일 :
(function () {// closure function load_script (xyurl, 콜백) {var head = document.getElementsByTagName ( 'head') [0]; eelement ( 'script'); script.type = 'text/javaScript'; 스크립트. src = xyurl; // jQuery의 스크립트 크로스 -도메인 메소드 스크립트에서 빌린다. {Callback (); IE6 HEAD를 우회하는 AppendChild var xyurl = http://api.map.baidu.com/ag/coord/convert?from= + type + & to = 4 & x = + point.lng + & y = + point.lat + & callback = bmap .convertor. + CallbackName; Callback && 콜백 (point)} window.bmap ||;위는이 기사의 모든 내용입니다.