不败君

前端萌新&初级后端攻城狮

HTML5定位获取经纬度

HTML5定位获取经纬度

2018-02-23 00:30:22

围观(2770)

直接上HTML5代码:



使用HTML5定位获取经纬度 PC端需要设置相应权限(亲测Windows 10 其他系统没测试) 并且貌似使用chrome内核的浏览器好像无法定位...


因此使用微软的Edge浏览器进行测试 由于PC没有使用移动基站也没有GPS定位 所以得出的经纬度和实际位置差距较大


移动端使用UC浏览器和微信内置浏览器 使用中都没发现任何问题 唯一不足的就是每次访问都会询问是否提供定位权限


移动端得到的经纬度和实际位置差距较小 一般可以精准到1KM内(得到的经纬度使用各种地图API或者手动查询 每个地图APP都会有点小差距 较为精准的是百度和高德)


放上一个高德查询经纬度的API 可直接嵌入在网页


http://uri.amap.com/marker?position=经纬度


使用前需要获取到经纬度 如图



上图所示经纬度就是经过本文的HTML5获取的。


得到经纬度后 将URL拼接完整 最后得到:http://uri.amap.com/marker?position=113.3999,23.1385


需要注意的是 URL中经度和纬度的拼接顺序

本文地址 : bubaijun.com/page.php?id=92

版权声明 : 未经允许禁止转载!

评论:我要评论
发布评论:
Copyright © 不败君 粤ICP备18102917号-1

不败君

首 页 作 品 微 语