前端(angular)在谷歌(chrome)浏览器使用高德地图api定位报错超时geolocation time out ,能定位但不安全的方法

已于 2025-04-03 14:21:12 修改
阅读量2.4k 收藏 8
点赞数 12
文章标签： chrome 前端
于 2024-01-10 15:39:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_78916954/article/details/135504786
版权
文章讨论了在Chrome浏览器中使用高德地图API定位的问题，指出可能是浏览器本身的问题，Edge浏览器表现正常。作者提到通过更改谷歌浏览器配置解决了定位问题，但强调了不安全因素。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

已知信息整合

以下是能定位但不安全的方法

  • 连接上了外网谷歌浏览器定位是定位的到的，你们可以自己试
  • 在看了其他人使用高德开发时写的博客遇到的坑，更改了谷歌浏览器的一些配置。我试着试试看的思想 搜了'geo'关键词 并把它改成了enabled
  • 谷歌浏览器定位成功了，你们可以自己试试

2301_78916954
关注
vue3 - 高德地图定位出错Get ipLocation failed.Geolocation permission denied.（info: “FAILED“ | status: 0）报错解决！
高级前端工程师
07-18 5860
vue3，nuxt3，高德地图，定位，位置，报错，AMap.Geolocation，解决报当前定位失败，高德地图H5 定位失败报错，web网页网站，报错详细解决教程，Get ipLocation failed.Geolocation permission denied.，高德地图定位报错info: "FAILED"，高德地图status: 0，已经是https了还是报错，确保了浏览器位置已经开了，手机定位也开了，没解决，H5页面在ios的浏览器上使用 高德地图 报当前定位失败Geolocation，移动端设
谷歌浏览器-高德地图定位失败geolocation time out
热门推荐
qingdatiankong的博客
04-10 3万+
最近使用高德地图进行定位，经常出现geolocation time out。浏览器用的是谷歌，后来，换了火狐浏览器，正常定位，真是日了狗了。 去官网查询了一下https://lbs.amap.com/faq/web/javascript-api/80/?wd=time%20Out&cateId=&page=&detail=true 果然是谷歌浏览器有问题，大概和。。。有关系...
谷歌浏览器，安卓内嵌谷歌内核webview使用高德JSAPI定位失败的问题解决！
feilzhang的博客
09-29 2698
高德定位sdk在谷歌浏览器里失败的问题，根本解决还需要谷歌，但是可以通过更换内核解决
前端页面如何修改浏览器经纬度信息调试
最新发布
03-05 776
在传感器面板中，启用地理位置模拟并手动输入经纬度。在传感器面板中，启用地理位置模拟并手动输入经纬度。通过这些方法，你可以在浏览器中模拟不同的地理位置。修改经纬度可能违反某些网站的使用条款。部分网站可能使用其他方式获取真实位置。点击右上角的三点菜单，选择。通过扩展设置自定义经纬度。打开 Firefox，按。通过扩展设置自定义经纬度。通过扩展设置自定义经纬度。打开 Safari，进入。打开 Chrome，按。在底部工具栏中，点击。在底部工具栏中，点击。
navigator.geolocation.getCurrentPosition在谷歌浏览器不执行的问题
qq_41024101的博客
02-21 1万+
在React 中使用navigator.geolocation.getCurrentPosition去获取定位信息时 // 获取地理位置信息 navigator.geolocation.getCurrentPosition(position => { console.log('当前位置信息：', position) }) 发现在谷歌浏览器中是不执行的，原因是在谷歌浏览器里navigator.geolocation的使用，只能使用https协议，普通的http协议是无法执行的。 解决..
高德地图-获取定位-失败原因-浏览器定位异常场景
shi15926lei的博客
05-20 2824
提示:也能实现,但是需要https协议,而且请求时间很长,要么你用梯子,还是不太合适.
高德地图api中AMap.Geolocation在某些浏览器（chrome，safari【ios10以上】）下无法获取到地址
weixin_42301940的博客
05-30 7048
geolocation.getCurrentPosition();AMap.event.addListener(geolocation, 'complete', (data)=>{    t.city=data.addressComponent.city;      t.$nextTick(function () {           search();       }) });//返回定...
angular引入高德地图
web
08-09 1396
推荐网址 高德地图api: https://lbs.amap.com/ 高德地图api使用手册：https://lbs.amap.com/api/javascript-api/guide/abc/quickstart 高德在线测试地址： https://lbs.amap.com/demo/javascript-api/example/map-lifecycle/map-show 注意：非angularjs 1、准备工作 首先，注册开发者账号，成为高德开放平台开发者 登陆之后，在进入「应用管理」 页面
“Get geolocation time out.Get ipLocation failed.“
m0_60608114的博客
08-22 7063
高德地图
高德地图--精准定位失败原因
gm_ming0501的博客
05-17 2727
由于Chrome在国内没有提供服务，因此使用Chrome定位服务的浏览器，比如：Chrome、火狐、安卓原生WebView等环境的原生定位通常都会定位失败；这个都是依赖于浏览器的，JS这边目前干预不了的。可以使用edge试下，目前Edge，safari浏览器对定位兼容较好！Geolocation.getCurrentPosition获取当前位置失败原因，浏览器不支持定位。巨坑~~~尝试使用geolocation.getCityInfo替换获取位置。
vue中使用高德地图定位报错 Get ipLocation failed.Geolocation permission denied.
Yi_qian的博客
12-06 9595
按照官方文档一步步的引入高德浏览器定位 AMap.Geolocation 插件来实现定位，代码如下，和官方文档一模一样，然而报错Get ipLocation failed.Geolocation permission denied.。
HTML5 Geolocation API的正确使用方法
09-22
Geolocation是HTML5标准下的一个Web API,利用它可以获取设备的当前位置信息（坐标），本篇文章主要介绍了三个方法，非常具有实用价值，需要的朋友可以参考下
AngularJs 利用百度地图API 定位当前位置 获取地址信息
11-30
在本文中，我们将深入探讨如何使用AngularJS结合百度地图API来获取并显示用户当前位置的详细地址信息。AngularJS是一款强大的前端开发框架，它允许我们构建动态的、数据驱动的Web应用。而百度地图API则提供了丰富的...
在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟功能的方法
12-07
在前后端分离的开发模式中，接口数据模拟(API Mock)是不可避免的事情。前端同学在应对该情况时采取的办法可以各种各样，大概的方案可能会是这几类： 业务代码中临时写上 mock 数据的逻辑 在前端引入 mock 服务或...
@angular前端项目代码优化之构建Api Tree的方法
01-19
在前端项目的开发过程中，往往后端会给到一份数据接口（本文简称api），为了减少后期的维护以及出错成本，我的考虑是希望能够找到这么一种方法，可以将所有的api以某种方式统一的管理起来，并且很方便的进行维护，...
使用Chrome浏览器调试AngularJS应用的方法
12-07
以下是一些使用Chrome浏览器调试AngularJS应用的关键方法： 1. **访问作用域**： AngularJS中的作用域是数据绑定的核心。通过`angular.element(targetNode).scope()`，你可以获取到指定HTML节点对应的作用域。对于...
HTML5的getCurrentPosition() 地理定位，某些浏览器报错问题
逸尘的专栏
04-13 8662
首先很气，找错误找了很久，最后发现“被墙隔断时，一切都是枉然”。用navigator.geolocation.getCurrentPosition定位。 在PC端访问： IE可以获取经纬度。 Google Chrome报error.POSITION_UNAVAILABLE错。 Mozilla Firefox报error.TIMEOUT错。 手机端访问： Safari报error.TIMEOUT错。
简单两步，实现高德地图的定位和展示，内含坐标系转换（示例为Angular框架+TypeScript代码）
Neodeveloper
03-02 1151
高德地图开放平台为开发者提供了强大的地图展示和相关计算功能，可以在前端代码中方便的集成，本文做一些简单和关键步骤的介绍，虽是基于Angular平台，但同样可以给JS、VUE做一些参考。
浏览器定位失败原因
Yi_qian的博客
12-06 4687
确保你使用的浏览器是最新版本。确保设备或浏览器所在的网络连接是正常的，有时网络问题可能导致地图服务无法正常工作。尝试使用浏览器原生的定位功能，而不是高德/百度地图api提供的。如果原生定位也失败，那么可能是浏览器或设备的问题。如果浏览器无法通过 GPS 或其他手段获取位置信息，可能会尝试使用 IP 地址进行粗略的定位。如果你使用了 VPN 或者代理，可能会影响浏览器的地理位置定位。如果以上方法都无法解决问题，以尝试使用其他浏览器或者检查浏览器的定位设置，确保定位服务正常并且权限已经正确配置。
ionic使用angular在高德地图在获取定位的时候页面弹出提示正在定位请等待
03-29
接下来，在获取定位之前调用presentLoading()方法来显示加载提示： ```typescript async getLocation() { await this.presentLoading(); // 显示加载提示 // 获取定位代码 } ``` 最后，当获取定位成功后，您可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值