HTML5-GPS定位

阅读更多

声明：本栏目所使用的素材都是凯哥学堂VIP学员所写，学员有权匿名，对文章有最终解释权；凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。

GPS定位

在html5中有一个GeolocationAPI，这个API用于通过GPS获得用户的地理位置，也就是俗称的GPS定位。鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。
需要通过getCurrentPosition() 方法来获得用户的位置，这个方法有两个参数，第一个用于执行获得地理位置的代码，第二个参数用来处理错误。它规定当获取用户位置失败时运行的函数。 代码示例：

运行结果：
浏览器会询问是否允许定位，点击不允许的话会抛出一个错误对象，然后执行错误处理函数进行相应的处理：

如果获取地理位置的过程出错了，也会执行错误处理函数，打印出相应的错误类型：

手机上也可以定位：

除此之外还可以调用一些地图API将坐标显示到地图上。 代码示例，我这里调用的是百度地图的API：

运行结果：