HTML5-Geolocation APIs的範例程式碼

1.navigator.geolocation
  HTML5中的地理位置相關的主要物件是navigator.geolocation，它有一些方法和屬性，偵測瀏覽器對HTML5地理位置的支持性也就是偵測該物件。

2.getCurrentPosition、watchPosition和clearWatch方法
  這是geolocation的兩個核心方法。第一個方法只獲取地理位置信息，後一個方法以一定時間間隔獲取地理位置信息，它們的參數相同，但返回值不同，後者返回一個watchId，將watchId作為參數傳遞給clearWatch方法可以終止對地理位置資訊的請求。
  getCurrentPosition形如：
 

void getCurrentPosition(in PositionC
all
back successCallback, 
                           in optional PositionErrorCallback errorCallback, 
                           in optional PositionOptions options);

  第一個參數是一個函數，用於處理成功接收到的地理位置訊息，它通常接收一個position物件作為參數，並提供接收到的地理位置資訊。
  第二格參數是可選的，也是一個函數，用於錯誤處理，該函數通常接收一個error物件作為參數，error含有錯誤訊息。
  第三個參數用於進一步控制地理位置訊息，也是可選的。它通常用花括號括起來，它通常有三個值：      
     enableHighAccuracy：用於控制精確度，它的效果可能會有副作用。
     timeout：用於指定地理位置資訊請求的逾時時間，單位為毫秒。
     maximumAge：用於指定地理位置資訊的更新頻率，單位是毫秒。

  一個範例如下：

navigator.geolocation.getCurrentPosition(up
date
Location,han
dl
eLocationError, 
                                         {timeout:10000});

3.psition物件
  其定義如下：
 

interface Position {
      readonly attribute Co
ord
inates coords;
      readonly attribute DOMTimeStamp timestamp;
   };

#  它有一個子物件coords和一個屬性timestamp。
  coords：是一個Coordinates對象，其定義如下：
 

   interface Coordinates {
         readonly attribute double latitude; //维度
         readonly attribute double lon
git
ude; //经度
         readonly attribute double? altitude; //高程（/m）
         readonly attribute double accuracy; //经度和维度的精确度（/m）
         readonly attribute double? altitudeAccuracy; //高程精确度（/m）
         readonly attribute double? 
head
ing; //移动方向（/deg）
         readonly attribute double? speed; //移动速度（/m/s）
      };

其中帶問號的屬性在許多瀏覽器和設備中不會實現，如果沒有這些屬性，透過編程     取得的值將會是null。
     latitude，longitude和accuracy三個屬性，分別用於提供請求到的維度，經度和精    度資訊。經緯度用小數表示，精度單位是公尺。

timestamp：時間戳。

4.error物件
  error物件有一個code屬性，用於指定錯誤類型，可以認為code是一個枚舉類型，它有四個值：0（UNKNOWN_ERROR1，1（PERMISSION_DENIED）， 2（POSITION_UNAVAILABLE）和
3（TIMEOUT）。

以上是HTML5-Geolocation APIs的範例程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！