html5地理定位的一些问题

简介: 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

相关文章
|
6月前
|
移动开发 搜索推荐 定位技术
HTML地理定位
HTML地理定位
55 0
|
6月前
|
搜索推荐 定位技术 UED
HTML定位技术:种类、特点与应用
HTML定位技术:种类、特点与应用
HTML 统一资源定位器(Uniform Resource Locators)3
URL字符编码是指将URL中非ASCII字符转换为有效的ASCII格式的过程。URL只能使用ASCII字符集,因此需要对超出该集合的字符进行编码。URL编码使用“%”加上两位十六进制数来表示非ASCII字符,空格通常被编码为“+”。例如,€编码为%80,£编码为%A3。更多信息可参见URL编码参考手册。
|
1天前
|
安全 数据安全/隐私保护
HTML 统一资源定位器(Uniform Resource Locators)2
常见的URL Scheme包括:http(超文本传输协议,用于普通网页,不加密)、https(安全超文本传输协议,用于安全网页,加密信息交换)、ftp(文件传输协议,用于文件的上传和下载)、file(用于访问本地计算机上的文件)。
HTML 统一资源定位器(Uniform Resource Locators)1
统一资源定位器(URL)是用于标识互联网上资源位置的标准格式。URL通常由方案、主机、域名、端口、路径和文件名组成,如 `http://www.runoob.com/html/html-tutorial.html`。大多数用户通过域名访问网站,因为域名比IP地址更容易记忆。URL在Web浏览器中用于请求页面,通过 `<a>` 标签实现链接跳转。
|
2月前
|
存储 移动开发 定位技术
HTML5 Geolocation(地理定位)优化到最高精度
HTML5 Geolocation API 可让网页访问用户的地理位置信息。为优化地理定位精度,需考虑设备、浏览器设置、网络状况及编码实现。使用 `enableHighAccuracy` 选项请求高精度,并确保设备开启 GPS,网络良好。结合多种数据源(如 GPS、Wi-Fi)可提高准确性。利用 `watchPosition` 定期更新位置,并妥善处理定位错误。务必遵循用户隐私原则,获取同意并遵守相关法规。这样可有效提升地理定位的精度与用户体验。
|
2月前
|
移动开发 JavaScript 前端开发
Twaver-HTML5基础学习(5)告警元素(Alarm)的告警位置(偏移量以及定位理解)
本文介绍了在Twaver HTML5中如何设置告警元素(Alarm)的位置,包括Node和Link网元的告警位置偏移量以及定位理解。通过示例代码展示了如何在不同类型网元上设置告警位置,并解释了如何通过百分比来确定告警在Link网元上的位置。
35 0
Twaver-HTML5基础学习(5)告警元素(Alarm)的告警位置(偏移量以及定位理解)
|
3月前
|
前端开发
HTML+CSS基础知识(5)相对定位、绝对定位、固定定位
这篇文章介绍了HTML和CSS中的三种定位方式:相对定位、绝对定位和固定定位,并通过代码示例展示了它们如何影响元素在页面上的布局和位置。
HTML+CSS基础知识(5)相对定位、绝对定位、固定定位
|
4月前
|
XML 数据采集 机器学习/深度学习
使用 XPath 定位 HTML 中的 img 标签
使用 XPath 定位 HTML 中的 img 标签
|
移动开发 JavaScript 前端开发
【前端用法】html5实现地理位置定位(JS获取当前地理位置的方法)
【前端用法】html5实现地理位置定位(JS获取当前地理位置的方法)
266 0