geolocation.watchPosition

對該設備的當前的位置更改的手錶。

var watchId = navigator.geolocation.watchPosition(geolocationSuccess,
                                                  [geolocationError],
                                                  [geolocationOptions]);

參數

  • geolocationSuccess： 傳遞當前位置的回檔。

  • geolocationError： （可選） 如果錯誤發生時執行的回檔。

  • geolocationOptions： （可選） 地理定位選項。

返回

  • 字串： 返回引用的觀看位置間隔的表 id。應與一起使用的表 id [geolocation.clearWatch](geolocation.clearWatch.html) 停止了觀看中位置的更改。

說明

geolocation.watchPosition是一個非同步函數。 當檢測到位置更改時，它返回該設備的當前的位置。 當設備中檢索一個新的位置， [geolocationSuccess](parameters/geolocationSuccess.html) 回檔執行與 Position 物件作為參數。 如果有錯誤， [geolocationError](parameters/geolocationError.html) 回檔執行與 [PositionError](PositionError/positionError.html) 物件作為參數。

支援的平臺

  • Android 系統
  • 黑莓手機 WebWorks （OS 5.0 和更高）
  • iOS
  • Tizen
  • Windows Phone 7 和 8
  • Windows 8

快速的示例

// onSuccess Callback
//   This method accepts a `Position` object, which contains
//   the current GPS coordinates
//
function onSuccess(position) {
    var element = document.getElementById('geolocation');
    element.innerHTML = 'Latitude: '  + position.coords.latitude      + '<br />' +
                        'Longitude: ' + position.coords.longitude     + '<br />' +
                        '<hr />'      + element.innerHTML;
}

// onError Callback receives a PositionError object
//
function onError(error) {
    alert('code: '    + error.code    + '\n' +
          'message: ' + error.message + '\n');
}

// Options: throw an error if no update is received every 30 seconds.
//
var watchID = navigator.geolocation.watchPosition(onSuccess, onError, { timeout: 30000 });

完整的示例

<!DOCTYPE html>
<html>
  <head>
    <title>Device Properties Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Wait for device API libraries to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);

    var watchID = null;

    // device APIs are available
    //
    function onDeviceReady() {
        // Throw an error if no update is received every 30 seconds
        var options = { timeout: 30000 };
        watchID = navigator.geolocation.watchPosition(onSuccess, onError, options);
    }

    // onSuccess Geolocation
    //
    function onSuccess(position) {
        var element = document.getElementById('geolocation');
        element.innerHTML = 'Latitude: '  + position.coords.latitude      + '<br />' +
                            'Longitude: ' + position.coords.longitude     + '<br />' +
                            '<hr />'      + element.innerHTML;
    }

        // onError Callback receives a PositionError object
        //
        function onError(error) {
            alert('code: '    + error.code    + '\n' +
                  'message: ' + error.message + '\n');
        }

    </script>
  </head>
  <body>
    <p id="geolocation">Watching geolocation...</p>
  </body>
</html>