모바일 Safari에서 HTML5 미터 입력 값을 허용하지 않습니다.

Question

고도를 추적하는 앱을 만들고 있습니다. 현재 IOS는 고도 매개 변수를 지원하는 유일한 장치 중 하나이므로 모바일 Safari에서 작동하도록하는 것이 중요합니다. 고도는 페이지의 두 위치, 텍스트 요소 및 미터 요소에 인쇄되므로 현재 고도를 시각적으로 표현할 수 있습니다.

고도 생성은 문제가되지 않았지만 고도를 미터 값에 저장하는 데 성공하지 못했습니다. 메모 할 것은 모바일 사파리가 Meter 요소를 지원하지 않기 때문에 polyfill을 사용하여 전혀 작동하지 않게하는 것입니다.

당신은 내가 여기에서 할 노력하고있어의 일반적인 생각 얻을 수 있습니다 : 지구 위치의 좌표가 주석 처리되어 http://jsfiddle.net/qF9hh/

공지 사항,하지만 당신은 IOS 장치에서 테스트한다면 작동합니까.

제 질문은 측정기에 고도 좌표를 저장하려면 어떻게해야합니까 ?? 이 같은

Answer 1

뭔가 그런

var worked = false; 
$("button").click(function() { 
    worked = false; 
    if (navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition(success, error); 
    } else { 
     error('not supported'); 
    } 
}).load();​ 
function error(msg){ 
    alert(typeof(msg) = "string" ? msg : "error!"); 
} 
function success(pos){ 
    if(worked)return; // to prevent firing twice in firefox 
    worked = true; 
    var meter = $("#high"); 
    if(pos.altitude === null){ 
     error("Altitide not supported"); 
     return; 
    } 
    meter.val(pos.altitude); 
    meter.text(pos.altitude + "/" + meter.attr("max")); 
} 

Jsfiddle