合肥Web培训
达内合肥web培训中心

0551-64632511

热门课程

如何实现HTML5中的地理定位

  • 时间:2016-12-01
  • 发布:佚名
  • 来源:网路

HTML5现在已经存在于我们身边的网络应用中,但是想要实现HTML5的地理定位呐?合肥达内HTML5培训中心讲师为你简单介绍下实现方法:

HTML5应用

1.通过navigator.geolocation来获取设备当前位置,返回一个位置对象,可以获得当前经纬度相关信息;

2.navgatior.geolocation的三个方法:

*getCurrentPosition();   *watchPosition();   *clearWatch();

3.getCurrentPosition()使用方法

navigator.geolocation.getCurrentPosition(successCallback,[errorCallback],[positionOptons]);

A) successCallback 获取定位成功时执行的回调函数 eg: function(position){alert("纬度:"+position.coords.latitude+";经度:"+position.coords.longitude)};

successCallback返回一个地理数据对象position作为参数,该对象有属性timestamp和coords。timestamp表示该地理数据创建时间(时间戳);coords包括另外七个属性:

1. coords.latitude:估计纬度

2. coords.longitude:估计经度

3. coords.altitude:估计高度

4. coords.accuracy:所提供的以米为单位的经度和纬度估计的精确度

5. coords.altitudeAccuracy:所提供的以米为单位的高度估计的精确度

6. coords.heading: 宿主设备当前移动的角度方向,相对于正北方向顺时针计算

7. coords.speed:以米每秒为单位的设备的当前对地速度

B) successCallback 获取定位成功时执行的回调函数 eg: function(position){alert("纬度:"+position.coords.latitude+";经度:"+position.coords.longitude)};

successCallback返回一个地理数据对象position作为参数,该对象有属性timestamp和coords。timestamp表示该地理数据创建时间(时间戳);coords包括另外七个属性:

1. coords.latitude:估计纬度

2. coords.longitude:估计经度

3. coords.altitude:估计高度

4. coords.accuracy:所提供的以米为单位的经度和纬度估计的精确度

5. coords.altitudeAccuracy:所提供的以米为单位的高度估计的精确度

6. coords.heading: 宿主设备当前移动的角度方向,相对于正北方向顺时针计算

7. coords.speed:以米每秒为单位的设备的当前对地速度

达内时代科技集团致力于培养面向电信和金融领域Java、C++、C#/.Net、3G/Android、3G/IOS、PHP、嵌入式、软件测试、UID、网络营销、网络工程、会计、UED、web、Unity3D、大数据、童程童美等17大方向中高端软件人才课程与少儿教育课程。选择合肥计算机培训,不再孤军奋战,轻轻松松做IT高薪白领。合肥达内培训带领有明确目标的学子迈向成功之路!想找工作的求职者可以加QQ:381809357(合肥达内就业服务部)咨询了解。

上一篇:为什么HTML5能够一统江湖
下一篇:关于html5中标签的正确用法

合肥达内Web培训机构聊一聊web前端开发的行业前景

合肥达内Web前端培训培养软件开发工程师

合肥Web前端培训带给你专业web前端知识

合肥Web培训学校对网站前端性能做相应的优化

选择城市和中心
贵州省

广西省

海南省

台湾