html5使用navigator.geolocation,能够获取当前位置的经纬度,在实际使用中,发现定位是也不是一件容易的事情。
具体的实现代码参照网站:
https://www.w3school.com.cn/html/html5_geolocation.asp
制作一个单独的网页进行测试,其中的一些效果:
在电脑上的chrome浏览器上,是没法进行定位的,直接会显示[object GeolocationPositionError];
发布到服务器上,以http的网址方式,在手机上进行访问,在安卓手机的QQ或者微信自带浏览器上打开,是报错无法定位的,而在苹果手机的QQ或者微信上打开,是可以进行定位的;
在安卓手机的自带浏览器上测试了一下,是可以定位的,下载的UC浏览器,也能够进行定位,苹果手机的浏览器也能够进行定位;
将测试页以https的安全连接方式发布,在手机QQ或者微信自带浏览器打开,就能够进行定位了,按照之前http的方式,一些浏览器是需要安全连接,才能够进行定位;
https的安全连接方式,在电脑上的chrome依然不能定位;
网上搜索了一下国内地图的api定位方式,腾讯、百度和高德都有js的api能够实现,在电脑上也能够进行定位,但是,要是实现手机微信等浏览器的定位,也需要发布成https的安全连接。
以上是一些实际测试的结果,有其他的问题可以进行讨论。
https百科说明:
https://baike.baidu.com/item/https/285356?fr=aladdin