Java課程是為了數位化的現在，Python課程是為了未來的人工智慧: 前端工程師的HTML5小教室-地理位置定位

2019年6月5日星期三

HTML5地理位置定位讓你取得用戶位置!

在 HTML5 網頁中，前端工程師可以使用地理位置定位 (Geolocation API) 來取得用戶的地理位置。當然, 基於隱私權的考量，這一定要取得使用者同意才可以使用。對於具有GPS功能（如智慧型手機等）的設備，地理位置顯示將更為準確。

用法

在 HTML5 使用 Geolocation 的主要方法是 getCurrentPosition，可以讀取到用戶設備的當前地理位置。 Javascript 語法如下：
(※以下的語法通通都是寫在 Javascript裡)

navigator.geolocation.getCurrentPosition();

參數：

地理位置定位 (Geolocation API) 可以使用兩種方式呈現：Geodetic(地理測量) 與 Civic(城市)：

showLocation（必要項目）：是個函式，於瀏覽器成功判斷出位置後呼叫。
ErrorHandler（非必要）：是另一個函式，於發生問題，瀏覽器無法判斷出位置時呼叫。
options（非必要）：此參數能讓前端工程師自訂geolocation運作的方式。
- Geodetic (地理測量) 直接呈現經緯度座標表示位置、水平線上的距離 (如公尺) 表示高度等
- Civic (城市) 則用能使大多數人理解的方式呈現：城市名表示位置、樓層數表示高度等