茶米老師教室- Geolocation API - Google Sites

HTML5 提供了Geolocation API 讓瀏覽者可以由網頁中或是設備的GPS 取得目前的位置。

在網頁中您可以使用navigator.geolocation 來測試目前的瀏覽器是否支援Geolocation ... SearchthissiteSkiptomaincontentSkiptonavigationGeolocationAPI認識HTML5GeolocationAPI測試GeolocationAPIHTML5提供了GeolocationAPI讓瀏覽者可以由網頁中或是設備的GPS取得目前的位置。

在網頁中您可以使用navigator.geolocation來測試目前的瀏覽器是否支援GeolocationAPI。

程式碼/GeolocationAPI測試取得位置資訊使用GeolocationAPI取得位置相當簡單，可以使用以下的方法：navigator.geolocation.getCurrentPosition()：取得目前的位置資訊。

navigator.geolocation.watchPosition()：定期取得位置資訊。

navigator.geolocation.clearWatch()：停止watchPosition()的動作。

這些方法要設定回傳函式，並將取得的資訊以position參數的方式回傳，其中重要的資訊如下：緯度：position.coords.latitude經度：position.coords.longitude高度：position.coords.altitude方向：position.coords.heading速度：position.coords.speed水平方向的誤差：position.coords.accuracy垂直方向的誤差：position.coords.altitudeAccuracygetCurrentPosition()的使用方式getCurrentPosition()可以取得目前的位置資訊，其格式如下：getCurrentPosition(成功時呼叫函式[,失敗時呼叫函式][,參數])其中只有成功時呼叫函式是必填，其它可依需求填寫。

以下我們使用一個範例來呼叫目前位置的所有資訊：程式碼/取得所有geolocation資訊接下來我們再寫一個簡單的程式，在取得目前經緯度之後，使用超連結來顯示GoogleMaps，並以目前位置為中心點。

程式碼/取得經緯度，並以超連結顯示在GoogleMaps上ReportabusePagedetailsPageupdatedGoogleSitesReportabuse