線上服務咨詢
Article/文章
記錄成長點滴 分享您我感悟
HTML5基礎知識,第3部分: HTML5 API的功能
發表時間:2019-07-30 16:50:37
文章來源:沈陽軟件開發
標簽:網站建設 小程序開發 小程序制作 微信小程序開發 公眾號開發 微信公眾號開發 網頁設計 網站優化 網站排名 網站設計 微信小程序設計 小程序定制 微信小程序定制
瀏覽次數:0
應用程序編程接口是編程指令的集合和訪問軟件應用程序的標準。使用API,您可以使用API提供的服務設計功能強大的產品。
HTML5提供了一些新的API。例如:
用于渲染2D繪圖API Cache API中使用的圖形或其他可視圖像的新canvas元素支持離線Web應用程序使用新的視頻和音頻元素來播放視頻和音頻API支持訪問和瀏覽歷史記錄以添加歷史頁面APIdraggable屬性 - 支持拖放APIcontenteditable屬性支持,使用JavaScript API編輯API,用于客戶端存儲和嵌入式SQL數據庫的鍵值對存儲本文重點介紹兩個API:Geolocation和Web Worker。首先,本文將分析API;然后,創建一個使用這兩個API的頁面。
回到頂部
商機無處不在:GEOLOCATION
您可以使用Geolocation API來識別和共享位置。此API返回經度和緯度坐標 - 公司可以使用此信息為坐標附近的區域提供服務。這些服務通常指基于位置的服務(LBS)。
LBS是指用于確定受監控設備的物理位置的地理數據源,因此也可以確定該位置的人員。該功能最有趣的部分是它使人們能夠圍繞某些地理興趣點圍繞市場進行互動。
企業實際上正在為客戶創造高質量,實用的服務和價值,同時為利益相關者,債權人,股東,員工和供應商創造經濟和經濟利益。 Geolocation支持的LBS可以使用非瀏覽器設備或瀏覽器來簡化對商品或人員的跟蹤和監控。在商業應用中,地理位置是指使用地理信息來確定人或物的位置,然后將此信息出售給需要使用該信息的任何人,他們可以將此位置信息用于社交活動,商業應用或其他使用,前提是信息所有者已授權使用此信息。
如何獲取地理信息
Geolocation API基于新添加的全局對象導航器:navigator.geolocation。 JavaScript對象導航器包含有關訪問者瀏覽器和系統的有用信息。地理定位可以使用IP地址,基于Web的數據庫,無線網絡連接以及三角測量或GPS技術來確定經度和緯度。值得注意的是,Geolocation提供的信息的準確性將取決于獲取信息的方式。有時,您可能無法在某些位置準確讀取地理信息,甚至根本無法閱讀。
該腳本可以使用navigator.geolocation對象來確定用戶使用的設備的位置信息。在獲得位置信息之后,腳本基于所獲得的數據創建并生成位置對象。
navigator.geolocation對象有3個方法:
getCurrentPosition()watchPosition()clearWatch()getCurrentPosition() 方法
getCurrentPosition()方法獲取用戶的當前位置,但只獲取一次。當腳本調用此方法時,此方法將異步獲取主機設備的當前位置。異步通信意味著發送方和接收方在通信時不會同時加入。使用異步通信允許瀏覽器繼續執行其他活動,以便它不必等待來自接收實體的響應。
getCurrentPosition()方法最多可以接受3個參數:
geolocationSuccess。當前位置的回調函數(必需)geolocationError。發生錯誤時執行的回調函數(可選)geolocationOptions。地理位置選項(可選)navigator.geolocation.getCurrentPositon()方法通過Position對象將主機設備的當前位置作為參數返回給回調函數geolocationSuccess。如果發生錯誤,它將使用PositionError對象來調用回調函數geolocationError。您可以為geolocationOptions設置三個屬性:enableHighAccuracy,timeout和maximumAge。如果設備支持,則這些可選屬性可提高準確性,指定位置返回的超時以及可使用緩存位置的最長時間。
getCurrentPosition()方法的調用如下:
Void navigator.geolocation.getCurrentPosition(geolocationSuccess,geolocationError,geolocationOptions);watchPosition() 方法
watchPosition()方法定期查詢用戶的位置以查看用戶的位置是否已更改。它最多可以接受3個參數。
當調用watchPosition時,它異步調用匯海一個觀察過程,包括獲取一個新的Position對象并創建一個watchID。如果位置成功,則調用與Position對象關聯的geolocationSuccess方法。如果執行帶有非空geolocationError參數的方法時出錯,則此方法將生成一個以PositionError對象作為參數的geolocationError。當設備的位置發生變化時,將調用帶有新Position對象的回調函數。
watchPosition()方法的調用方式如下:
Long navigator.geolocation.watchPosition(geolocationSuccess,geolocationError,geolocationOptions);clearWatch() 方法
clearWatch()方法將終止仍在執行的watchPosition()。此方法只能有一個參數。調用時,它會查找先前聲明的watchID參數并立即將其停止。
調用clearWatch()方法的方式如下:
Void navigator.geolocation.clearWatch(watchID)地理數據:Position 對象
Geolocation API返回地理位置對象Position。該對象有兩個屬性:timestamp和coords。 timestamp屬性指示何時創建地理數據。 coords屬性包含7個屬性:
coords.latitude。估計緯度coords.longitude。估計經度coords.altitude。估計高度coords.accuracy。以米為單位獲得的經度和緯度的估計精度,以米為單位的估計精度coords.altitudeAccuracy。,以米為單位coords.heading.主機設備當前的移動方向以度為單位,相對于北方向順時針計算coords.speed.設備的當前地速,以米/秒為單位只需要3個屬性:coords.latitude,coords.longitude和coords.accuracy。其他屬性返回null,具體取決于設備及其交互式后端位置服務器的功能。標題和速度屬性是根據用戶的先前位置(如果有)計算的。
網站建設,小程序開發,小程序制作,微信小程序開發,公眾號開發,微信公眾號開發,網頁設計,網站優化,網站排名,網站設計,微信小程序設計,小程序定制,微信小程序定制