navigator.geolocation.getCurrentPosition在谷歌浏览器不执行的问题

最新推荐文章于 2023-07-30 22:23:30 发布
最新推荐文章于 2023-07-30 22:23:30 发布
阅读量8k 收藏 7
点赞数 1
分类专栏： 前端 文章标签： 前端 React
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41024101/article/details/123058333
版权

在React 中使用navigator.geolocation.getCurrentPosition去获取定位信息时

// 获取地理位置信息
navigator.geolocation.getCurrentPosition(position => {
    console.log('当前位置信息：', position)
})

发现在谷歌浏览器中是不执行的，原因是在谷歌浏览器里navigator.geolocation的使用，只能使用https协议，普通的http协议是无法执行的。

解决方法：

换成ie 和火狐都可以正常使用的，或者使用https协议

摸鱼飞弹
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
navigator.geolocation vue H5定位在移动端ios版本12.2微信中不能使用
weixin_33878457的博客
06-12 1618
开发遇到的一点问题，在网上找了很久没有找到，解决之后，想总结一点自己心得，不喜勿喷。 以下都是vue开发，其他情况我没测试 也不知道。 第一个坑 Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。 IE9在W3c上说支持，但是在caniuse查到的并不支持。实测了一下 IE9支持。 第二坑 必须要采用https请求，这是改版之后，...
在AngularJS中如何使用谷歌地图把当前位置显示出来
12-28
–在html5中，为我们提供了navigator.geolocation.getCurrentPosition(f1, f2)函数，f1是定位成功调用的函数，f2是定位失败调用的函数，而且会把当前的地理位置信息作为实参传递给f1和f2函数。f1函数调用谷歌地图的API即可。 如何展示呢？ –需要一个提示信息和展示地图的一个区域。 页面上，大致是这样： <map height=400 width=600></map> [removed][removed] <script src=http://maps
【js】经纬度位置获取navigator.geolocation.getCurrentPosition:
最新发布
SunPeng的博客
07-30 1211
【js】经纬度位置获取navigator.geolocation.getCurrentPosition:
[Jenkins]admin用户登陆，提示登陆无效（之前登陆OK，三天没有登陆，突然提示登陆无效，重启无法解决）的解决方法...
weixin_30594001的博客
01-16 296
问题出现现象： 系统一直正常，突然某天登陆，提示用户无效，无法登陆成功。 问题分析过程： 1、查看日志：/var/log/jenkins/jenkins.log（通过ps -elf | grep jenkins查看logfile路径）然而并没有发现什么有用的线索。。。 2、猜测 登陆无效，是否是权限问题导致？然后继续尝试，对了！权限配置问题。 问题解决方法（比较暴力）： 1、打开con...
完美解决window.navigator.geolocation.getCurrentPosition，在IOS10系统中无法定位问题
Rain_Rock的博客
01-05 3459
目前由于许多用户都将电话升级到了iOS系统，苹果的iOS 10已经正式对外推送，相信很多用户已经更新到了最新的系统。然而，如果web站没有及时支持https协议的话，当很多用户在iOS 10下访问很多网站时，会发现都无法进行正常精确定位，导致部分网站的周边推荐服务无法正常使用。为何在iOS 10下无法获取当前位置信息？这是因为在iOS 10中，苹果对webkit定位权限进行了修改，所有定位
解决window.navigator.geolocation.getCurrentPosition在IOS10系统中无法进行地理定位问题
Henry_Wu001的专栏
11-07 983
https://developer.mozilla.org/zh-CN/docs/Web/API/Geolocation/getCurrentPosition https://developers.google.com/web/updates/2016/04/geolocation-on-secure-contexts-only 发现手机上原来可以获取到的物理地址现在不能获取了，找了w3...
隐私保护-chrome禁止获取位置信息经纬度
freewzx2005的专栏
03-19 665
在地址栏输入chrome://settings/content/location进入位置信息面板。首先设置Chrome允许获取位置信息，如果某些网站位置信息被禁止获取，要从对应的列表中排除，否则提示没有权限。1.chrome会获取的经纬度。
navigator.geolocation，在IOS10系统中无法定位问题
斌不厌咋
02-14 3838
在使用地图需要定位的朋友都可能遇到这个问题，参考的文章说的是用百度地图，我用的是腾讯地图，但是其中的原理差不多。所以谢谢这些提供资源的大神们。 if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPostion, getPositionError,
‘geolocation‘ in navigator 失效
LPLIFE的博客
05-13 583
原因：该操作是异步，解决方式： navigator.permissions.query({ name: "geolocation" }).then((res) => { // granted：成功 denied：失败 if (res.state === "granted") { } });
经纬度位置获取navigator.geolocation.getCurrentPosition
前端程序媛_Ying博客
03-28 893
经纬度位置获取navigator.geolocation.getCurrentPosition,无法在谷歌浏览器获取，在火狐浏览器可以正常获取
geolocation:navigator.geolocation 对象
06-28
地理定位 navigator.geolocation 对象
HTML5 Geolocation API的正确使用方法
01-19
Geolocation是HTML5标准下的一个Web API,利用它可以获取设备的当前位置信息（坐标），此API具有三个方法：getCurrentPosition、watchPosition和clearWatch，其中最常用的是getCurrentPosition方法，剩下两个方法需要搭配使用！ 使用方法： 浏览器兼容性检测： 该api通过navigator.geolocation对象发布，只有在此对象存在的情况下，才可以使用它的地理定位服务，检测方法如下： if (navigator.geolocation) { // 定位代码写在这里 } else { alert('Ge
angularjs-geolocation：围绕window.navigator.geolocation的angular.js包装器
02-25
AngularJS地理位置 window.navigator.geolocation周围的angular.js包装器 凉亭 该模块可以作为Bower软件包使用，请使用以下命令进行安装： bower install angularjs-geolocation 或者 bower install git://github.com/arunisrael/angularjs-geolocation.git 用法 将地理位置模块添加为依赖项 注入地理位置服务（是的，名称相同） 在地理位置服务上调用getLocation方法以检索诺言 如果用户允许浏览器访问其位置，则将使用window.navigator.getCurrentPosition返回的位置来解决承诺 如果用户拒绝位置访问或浏览器不支持该承诺，则该承诺将被拒绝 例子 angular . module ( 'barterApp' , [
mockgeolocation:用于模拟 html 5 geolocation api 的库
07-08
模拟地理位置 MockGeolocation 是一个用于模拟 html 5 geolocation api 的库。 用法 // simulate a geolocation MockGeolocation.setCurrentLatLng(53.4152431, -8.2390307) // get current position navigator.geolocation.getCurrentPosition(function (location) { alert('lat: ' + location.coords.latitude + ', lng: ' + location.coords.longitude) }) // watch current position var watch = navigator.geolocation.watchPosition(functio
geoApi:(JS) navigator.geolocation.getCurrentPosition(updateLocation, handleLocationError)
05-30
navigator.geolocation.getCurrentPosition(updateLocation, handleLocationError); } function updateLocation(position) { var latitude = position.coords.latitude; var longitude = position.coords....
getAccurateCurrentPosition:补充navigator.geolocation的简单功能-在回复之前花费更多时间微调位置
05-04
背景： 提供了geolocation.getCurrentPosition（）方法，该方法将返回设备的当前位置。 这似乎很容易，因此大多数开发人员只需在需要位置时调用此方法即可。 此方法的一个选项是“ enableHighAccuracy”，这显然意味...
geolocation-api:W3C地理位置API
05-01
此仅HTTPs的API通过一些有用的方法公开了navigator.geolocation对象： .getCurrentPosition(successCallback, [errorCallback, options]) -“一次射击”位置请求 .watchPosition(successCallback, [errorCallback, ...
Pebble---address-finder:pebble.js 应用程序来查找用户的大概位置
07-01
Pebble---地址查找器 使用 pebble.js、Simply.js 和 google Geocode API 查找您的当前地址 例子 代码 navigator . geolocation . getCurrentPosition ( function ( pos ) { simply . scrollable ( true ) ; ...
navigator.geolocation.getCurrentPosition 在谷歌浏览器中运行不了 Audit usage of navigator.userAgent, navigator.appVersion, and navigator.platform
03-11
我可以回答这个问题。navigator.geolocation.getCurrentPosition 是一个用于获取用户地理位置的 JavaScript API，但是在谷歌浏览器中，需要在 HTTPS 环境下才能使用。而 Audit usage of navigator.userAgent, navigator.appVersion, and navigator.platform 是用于检查浏览器的相关信息的 API。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值