这篇文章给大家分享的是有关HTML5中地理定位与第三方工具百度地图如何结合使用的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
成都创新互联是一家专业提供
雄县企业网站建设,专注与成都网站制作、做网站、
外贸营销网站建设、
HTML5、小程序制作等业务。10年已为雄县众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。
一、HTML5的新特性--地理定位
既然地理定位是HTML5的新特性，那么我们也是要学习和掌握相关的API和学会如何去使用地理定位的
先了解一下常识
一个新名词Geolocation:
用于获得当前浏览器所在的地理坐标，从而提供LBS（Location Based Service），如饿了吗送餐、滴滴打车、高德导航等软件都是使用LBS，包括如下数据：
经度： longitude
纬度： latitude
海拔高度： altitude
速度： speed
使用平台分为移动端和PC端：
(1)手机浏览器：
首先尝试使用内置GPS数据——精度以米为单位
再则使用手机基站编号反向推导出对应的地理位置——定位精度以公里为单位
(2)PC浏览器：
通过电脑的IP地址反向查询——精度以公里为单位
正题：
那么我们到底怎么样从HTML5中获取定位信息呢？
首先，我们在浏览器中按F12打开console，输入window.navigator.geolocation看看定位信息！
我们看到定位信息上有主要三个方法，含义分别是：
getCurrentPosition:fn(succ,err) //获取当前定位数据,其中包含成功获取和获取失败的回调函数
watchPosition: fn //监视定位数据
clearWatch: fn //清除定位监视
既然这样我们就知道如何在HTML5文件中使用地理定位了，我们利用开发工具创建一个HTML文件，并创建一个按钮，当点击按钮的时候，后台显示定位信息！
获得我的定位数据
