H5新属性---localtion

我们可以通过window.navigator来获取访问的浏览器信息,然后用navigator.geolocaltion获取用户的地理信息。最后,通过navigator.geolocaiton.getCurrentPosition()来获取用户当前的位置信息。(注:geolocaltion是有关用户隐私的API,需要得到用户的同意才能有效,为了安全限定,要求正式网站必须使用https协议。自行测试时使用localhost访问,IP则不行。)
该方法需传入的参数

  • navigator.geolocation.getCurrentPosition(sucessCallback,errorCallback[,options])
  • successCallback 成功回调函数 返回坐标信息
  • errorCallback 失败回调函数 返回失败信息
  • options 配置项

JS代码

if (navigator.geolocation) {
            //判断浏览器是否支持用户地理位置
            navigator.geolocation.getCurrentPosition(function (coords) {
                console.log(coords);
            },function (err) {
                console.log(err);
            },{
                //enableHighAccuracy : true//开启高精度  (返回坐标事件会延长)
                //timeout : 1000  //设置超时时间              
            })
        }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • H5 meta详解 viewport width:控制 viewport 的大小,可以指定的一个值,如果 600,...
    FConfidence阅读 895评论 0 3
  • 学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/ 关于HTML/HT...
    Amyyy_阅读 2,384评论 0 16
  • 当今技术定位的方式,有位置信息来源定位,IP定位,GPS定位,WIFI定位,手机定位和自定义定位。本文通过获取经纬...
    dovlie阅读 6,430评论 0 8
  • mysql分布式数据库中间件对比 目前数据库中间件有很多,基本这些中间件在下都有了解和使用,各种中间件优缺点及使用...
    Albert陈凯阅读 9,578评论 0 10
  • 小时候梦寐以求的东西是从想要一副羽毛球拍,到想要一辆自行车,再到想要一把竖笛,然后是望远镜,接着是手机、电脑。这一...
    Z_JM_589b阅读 305评论 0 1

友情链接更多精彩内容