H5-geolocation学习

geolocation——定位PC——IP地址精度比较低IP库Chrome -> Google手机——GPSwindow.navigator.geolocation单次    getCurrentPosition(成功, 失败, 参数)enableHighAccuracy      高精度模式——更慢、更费电timeout                 超时maximumAge              缓存时间结果：latitude/longitude    纬度/经度altitude              海拔高度accuracy              精确度altitudeAccuracy      高度精确度heading               朝向speed                 速度监听    watchPosition(成功, 失败, 参数)

　demo；

<!DOCTYPE html>
<html><head><meta charset="utf-8"><script type="text/javascript">window.οnlοad=function (){let oBtn=document.getElementById('btn1');oBtn.οnclick=function (){if(window.navigator.geolocation){navigator.geolocation.getCurrentPosition(res=>{alert('成功');}, err=>{alert('失败');}, {/*enableHighAccuracy          //高精度模式timeout                     //超时时间maximumAge                  //缓存*/});}else{alert('你的浏览器不支持定位');}};};</script><title></title></head><body><input type="button" name="" value="定位" id="btn1"></body>
</html>

转载于:https://www.cnblogs.com/chaofei/p/8052552.html

H5-geolocation学习相关推荐

H5的学习（二）编辑器的选择
这是网络上推荐的几个Html5混合开发好用的编辑器. 传送门 https://blog.csdn.net/simple_tifa/article/details/80492180 个人感觉比较好用的是 ...
H5的学习从0到1-H5的实体（14）
H5有些关键字比如<等等是显示不出来的,这时候,就需要用实体来表示,实体我理解就是最初的编码代码实例效果图感谢阅读喜欢小编文章的,可以点个订阅,小编都会不停更新文章,分享前端学习知识,以 ...
H5前端学习之一HTML和CSS基础认识
前言我是一个转行的前端小白,大专非计算机专业毕业,所以对计算机很不擅长,但是对信息技术的好奇,让我对技术党尤为崇拜,既然好奇代码和崇拜技术,不如成为它!所以我来学习了当前教主流的--前端.初学前端, ...
H5+Css3学习内容
目录第一章:响应式设计基础第二章:HTML5标签第一章:响应式设计基础随着技术的发展和移动网站的普及,同时也推动着网站设计师要去重新思考他们的工作成果将如何在不同设备上呈现.想一想,你每天在手 ...
【h5文件读取】h5文件读取——深度学习数据集常用
数据集的常用格式:h5 深度学习搞了很长时间,其中开源的代码中经常用到大型数据集,里面的数据类型是h5格式,这个格式困扰我挺长时间,因为隔离还拿不到实验室的程序,只好硬着头皮再琢磨一遍. 关于h5文件 ...
java怎么获取ajax_Java学习路线
阶段一 (夯实基础)Java基础语法学习目标: 2.掌握Eclipse/IDEA集成开发工具的安装.配置和应用 3.熟悉Java基本语法.基本类型.运算符和表达式 4.掌握分支.循环逻辑语句.数组等知 ...
总结一年来的前端学习心得
到今天,前端学习刚好满一年.我也顺利从非计算机专业转到前端.对于前端学习,自己也是摸着石头过河,中间也有过困惑和迷茫.本文主要讲述自己一年来对于前端学习的心得体会,希望能对学习前端的人提供一些帮助. ...
这绝对是有史以来最详细的web前端学习路线
定要善用开发者工具.firefox的firebug和Chrome的F12都是很好的选择,用好了这个必会发现他带给你的帮助比看一本书更多.你把firebug摸透了你还担心对DOM理解不够?考虑到未来,h ...
怎么_如何制作h5页面？
近年来,h5突然开始风靡全国,与此同时也涌现出了一批以此为生的h5页面开发商或软件供应商. 尽管如此,还是有许多人喜欢亲自动手开发h5页面.下面,笔者将会从几个方面简单地介绍如何制作h5页面. 完整的 ...
H5网页元素和全局属性
目录一.语义元素二.分组元素三.页面交互元素四.文本层次语义元素五.全局属性一.语义元素使用语义话标签的意义: 同时作为结构元素,它不具有任何样式,只是使页面元素的的语义更加明确. 语义 ...

H5-geolocation学习

H5-geolocation学习相关推荐

最新文章

热门文章