技術問答
技術文章
iT 徵才
Tag
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2017 iT 邦幫忙鐵人賽
DAY
8
0
自我挑戰組
你看微客=[ 前端領域 - 超入門 ]
系列 第
8
篇
HTML 5---[ API:地理位置 Geolacation ]---無用小觀念
2017鐵人賽
ucvic
2016-12-20 23:58:36
2034 瀏覽
分享至
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鐵人賽
參賽組數
403
組
團體組數
13
組
累計文章數
2900
篇
最後報名日
9/15
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
17th鐵人賽
windows
php
c#
windows server
linux
css
react
熱門問題
不知道網路紅隊的要去那加公司
更換FW後Public IP service無法使用
鼎新ERP欄位可修改預設值嗎
Ansible 連線主機的 port 不是 22 遇到的問題
備份映像檔
Outlook 寄件備份消失問題 (已解決)
請問有人遇過在lightsail上部屬fastapi失敗的案例?
aws ec2 檢查故障問題
IIS 管理員 連線功能不見
熱門回答
鼎新ERP欄位可修改預設值嗎
不知道網路紅隊的要去那加公司
Ansible 連線主機的 port 不是 22 遇到的問題
更換FW後Public IP service無法使用
備份映像檔
熱門文章
什麼是 Signal ?
第10天,No-Code 快速上線又省錢 / 原汁排骨湯 台北最好喝的排骨湯(台北萬華)| 30天滷肉飯
序: AI 加速編碼後,你該學什麼?
第11天,LibreOffice 更省錢 / 司機俱樂部 宵夜好選擇(台北松山)| 30天滷肉飯
第12天,即時通訊軟體選擇 / 金峰滷肉飯 台北名店(台北中正)| 30天滷肉飯
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}