首页 / HTML / html5的地理位置定位

html5的地理位置定位

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了html5的地理位置定位，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1254字，纯文字阅读大概需要2分钟。

内容图文

html5提供的地理位置定位使开发人员不用借助其他软件就能轻松实现位置查找，地图应用，导航等功能。
地理位置定位基本原理
GPS, WIFI, IP, 手机信号基站
核心对象
Geolocation是window.navigator下面的一个对象，该对象提供了实现地理位置定位的接口。
要用该功能需先判断浏览器是否支持navigator.geolocation对象。

navigator.geolocation.getCurrentPosition(success, error, options);

success(position) 获取信息成功的回调函数
对象：

coords.latitude(十进制数的纬度)
coords.longitude(十进制数的经度)
coords.altitude(海拔，海平面以上以米计)
coords.accuracy(位置精确度)
coords.altitudeAccuracy(位置的海拔精度)
coords.heading(方向，从正北开始以度计)
coords.speed(速度，以米/每秒计)
timestamp(响应的日期/时间)

error(errorcode) 获取信息失败的回调函数

code是错误代码
message是错误信息

options设置配置参数,对象

enableHighAccuracy 表示是否允许使用高精度
timeout指定超时时间
maximumAge是指缓存的时间

geolocation还有两个方法：
1、watchPosition(success, error, options)表示重复获取地理位置，相当于不断执行getCurrentPosition。
2、clearWatch()用来清除前一次获取的位置信息。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body></body>
<script>
    if(navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(function(position) {
            console.log("纬度:" + position.coords.latitude);
            console.log("经度:" + position.coords.longitude);
        }, function(error) {
            console.log(error.message);
        }, {});
    }
</script>
</html>

 



原文：http://www.cnblogs.com/jkko123/p/6371969.html

内容总结

以上是互联网集市为您收集整理的html5的地理位置定位全部内容，希望文章能够帮你解决html5的地理位置定位所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1226976.html

来源：【匿名】