safari - 为什么 Coordinates 对象的 heading 属性在 mobile safari 中总是返回 null？

Question

我想在移动版 safari 上通过 Geolocation API 获取地理信息，但 Coordinates 对象的 heading 属性总是返回 null。 safari不支持heading属性吗？

代码吹:

window.onload=function(){
    navigator.geolocation.watchPosition(successCallback,errorCallback);
    function successCallback(position) {
        var coords=position.coords;
        console.info(coords.heading);
    }
    function errorCallback(){}
}

Answer 1

移动版 Safari 不支持标题属性，但支持自己的专有属性。

  window.addEventListener('deviceorientation', function(e) {
       var heading = 'heading: ' + e.webkitCompassHeading +
                     '\n' + 
                     'headingAccuracy: ' + e.webkitCompassAccuracy;
       alert(heading);
  }, false);