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

相关文章
|
4月前
|
移动开发 搜索推荐 定位技术
HTML地理定位
HTML地理定位
42 0
|
4月前
|
搜索推荐 定位技术 UED
HTML定位技术:种类、特点与应用
HTML定位技术:种类、特点与应用
|
3天前
|
移动开发 JavaScript 前端开发
Twaver-HTML5基础学习(5)告警元素(Alarm)的告警位置(偏移量以及定位理解)
本文介绍了在Twaver HTML5中如何设置告警元素(Alarm)的位置,包括Node和Link网元的告警位置偏移量以及定位理解。通过示例代码展示了如何在不同类型网元上设置告警位置,并解释了如何通过百分比来确定告警在Link网元上的位置。
12 0
Twaver-HTML5基础学习(5)告警元素(Alarm)的告警位置(偏移量以及定位理解)
|
1月前
|
前端开发
HTML+CSS基础知识(5)相对定位、绝对定位、固定定位
这篇文章介绍了HTML和CSS中的三种定位方式:相对定位、绝对定位和固定定位,并通过代码示例展示了它们如何影响元素在页面上的布局和位置。
HTML+CSS基础知识(5)相对定位、绝对定位、固定定位
|
2月前
|
XML 数据采集 机器学习/深度学习
使用 XPath 定位 HTML 中的 img 标签
使用 XPath 定位 HTML 中的 img 标签
|
11月前
|
移动开发 JavaScript 前端开发
【前端用法】html5实现地理位置定位(JS获取当前地理位置的方法)
【前端用法】html5实现地理位置定位(JS获取当前地理位置的方法)
226 0
|
4月前
|
移动开发 定位技术 API
编程笔记 html5&css&js 035 HTML 地理定位
编程笔记 html5&css&js 035 HTML 地理定位
|
4月前
|
JSON 定位技术 API
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)(下)
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)
62 0
|
4月前
|
移动开发 JavaScript 前端开发
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)(上)
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)
87 0
|
前端开发 容器
HTML&CSS Day06 CSS定位布局
HTML&CSS Day06 CSS定位布局
96 0