技術問答
技術文章
iT 徵才
Tag
聊天室
2023 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2017 iT 邦幫忙鐵人賽
DAY
8
0
自我挑戰組
你看微客=[ 前端領域 - 超入門 ]
系列 第
8
篇
HTML 5---[ API:地理位置 Geolacation ]---無用小觀念
2017鐵人賽
ucvic
2016-12-20 23:58:36
1534 瀏覽
分享至
HTML 5
HTML 5 是最新版的 HTML 標準,指的是
一套用來建造網路應用程式技術的組成
。
( 包含: 改善後的 HTML 標記 + 被定義為其樣式標準的 CSS + Javascript APIs )
API
( Application Programming Interface 應用程式介面 ) 指的是
可與其他系統溝通的介面,可利用定義好的方法及屬性,去取用外部的功能或資料
。
API:地理位置 Geolacation
Geolacation API 允許
Javascript 向瀏覽器詢問使用者在真實世界的實體位置
。(需要使用者許可)
主要是利用
IP 位址、 GPS 的衛星定位( 最準確 )、 WiFi 或手機訊號的三角定位等方式
來判斷位置。
(選用何種方式則依所在位置、所用裝置、訊號狀態而定)
所取得的經緯度資料是
浮點數格式
。( 例:經度 27.20, 緯度 1.19 )
連結到 Google Map API ,可在網頁上
以地圖方式標示位置
,並能添加 Google Map 所提供的額外功能。
Geolacation API 主要有三個方法,隸屬於 navigator.geolocation 物件:
getCurrentPosition
(內含
successHandler 函式參數
) ==> 用於取得瀏覽器所在位置
watchPosition
==> 觀察是否移動,並於位置改變時回報 (
更新頻率由瀏覽器來決定,無法自行控制
)
clearWatch
==> 停止對位置的監測
留言
追蹤
檢舉
上一篇
Javascript---[ 物件原型 ]---無用小觀念
下一篇
HTML 5---[ API:( 同網域 ) Web 資料請求 ]---無用小觀念
系列文
你看微客=[ 前端領域 - 超入門 ]
共
30
篇
目錄
RSS系列文
訂閱系列文
17
人訂閱
26
React---[ 自訂元件、props特性 ]---無用小觀念
27
React---[ state 狀態、事件處理 ]---無用小觀念
28
React---[ JSX ]---無用小觀念
29
Git---[ Git 基本觀念 ]
30
30天鐵人賽---[ 參賽心得 ]
完整目錄
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1123
組
團體組數
52
組
累計文章數
23096
篇
完賽人數
656
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
2018鐵人賽
javascript
2017鐵人賽
python
windows
php
c#
windows server
linux
css
程式設計
react
vue.js
熱門問題
公司有人常常亂改IP位置(想問有甚麼辦法可以將IP鎖住不給更改)
發現生產厲害的傳統產業,資訊化越厲害,生產能力反而降低?
DDR3記憶體 只抓到一半
請問我晚上開發一款工具,早上給公司使用,沒特別條款,法律知識產權還是我的嗎?
和朋友討論不出來 ,關鍵字搜尋方法,我也想學EXCEL了
請教外網如何連到家裡內部裝置
自家官網連線不到
請問公司網路通暢,卻部分固定的使用者無法連到特定網頁 ,求救~~~
API網址列 網址問題
Alma Linux與Rocky Linux,選擇哪一個比較好?
熱門回答
公司有人常常亂改IP位置(想問有甚麼辦法可以將IP鎖住不給更改)
自家官網連線不到
DDR3記憶體 只抓到一半
Alma Linux與Rocky Linux,選擇哪一個比較好?
和朋友討論不出來 ,關鍵字搜尋方法,我也想學EXCEL了
熱門文章
【資安日報】4月17日,多個廠牌的VPN系統、網路設備遭到鎖定,攻擊者對其發動暴力破解攻擊 Vigor Router Firewall 路由器 防火牆 解決方案
適合程式開發人員去練功夫
筆電Wifi不見後, 筆電該怎麼上網?
在任何雲端上運行:雲端的可移植性你有考慮過嗎?
量子計算「基礎」3. 量子操作
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}