18842388900

网站建设 APP开发 小程序

Article/文章

记录成长点滴 分享您我感悟

您当前位置>首页 > 知识 > 网站建设

HTML5基础知识,第3部分: HTML5 API的功能

应用程序编程接口是编程指令的集合和访问软件应用程序的标准。使用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,具体取决于设备及其交互式后端位置服务器的功能。标题和速度属性是根据用户的先前位置(如果有)计算的。

网站建设,小程序开发,小程序制作,微信小程序开发,公众号开发,微信公众号开发,网页设计,网站优化,网站排名,网站设计,微信小程序设计,小程序定制,微信小程序定制

相关案例查看更多