html5地理定位的一些问题

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

更多文章请关注公众号支持！