布萊恩的創業小窩的部落格

你知道該如何用HTML5取得用戶所在位置嗎?今天學會馬上就熟能生巧啦!

首先，先了解：什麼是地理位置定位 (Geolocation) API？

在 HTML5 網頁裡，前端工程師可利用地理位置定位 (Geolocation API) 來取得用戶的地理位置，對於具有GPS（如智慧型手機等）的設備，地理位置會更為準確。

但基於隱私上的考量，這功能必須要獲得使用者的同意才可使用。

用法

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

navigator.geolocation.getCurrentPosition();

參數：

• showLocation（必要項目）：是個函式，於瀏覽器成功判斷出位置後，開始呼叫。
• ErrorHandler（非必要）：是另一個函式，於發生問題，瀏覽器無法判斷出位置時才呼叫。
• options（非必要）：此參數能讓我們自訂geolocation的運作方式。

呈現數據

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

• Geodetic (地理測量) ：直接呈現經緯度座標表示位置、水平線上的距離（如公尺） 表示高度等
• Civic (城市) ：則用能使大多數人理解的方式呈現：城市名表示位置、樓層數表示高度等

 HERE！延伸閱讀看這裡：

輕鬆入門前端工程師的HTML5課程(7)瀏覽器儲存簡介

輕鬆入門前端工程師的HTML5課程(8)拖曳元素-上

輕鬆入門前端工程師的HTML5課程(8)拖曳元素-下

   Java課程讓你不完美履歷也變完美!

中國達內教育與知名科技公司合作,引領數位化職業教育風潮

暑假快到了！與其讓兒子盲目拚學測，我寧可讓他先選擇人生方向~

人人都能是工程師！台灣 IT 培訓中心推「找到工作再付學費」專案，要試試嗎？