关于腾讯地图geolocation.getLocation 经常定位失败,定位时间过长的解决方法

这篇具有很好参考价值的文章主要介绍了关于腾讯地图geolocation.getLocation 经常定位失败,定位时间过长的解决方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

今天遇到个项目,腾讯地图定位出现问题,导致地图无法呈现出最近的目标

关于腾讯地图geolocation.getLocation 经常定位失败,定位时间过长的解决方法

 这是正常的效果,之前一直出现贵州等地点的信息,查看控制台的网络后,发现腾讯的定位失败,要么就是定位时间过长,要20S左右,但是换EDGE浏览器却能正常加载,

除了EDGE浏览器都会出现这个问题。随后我去查阅腾讯地图接口的信息,找到前端定位组件,发现有一个函数可以根据IP查询“getIpLocation”,但是一番调试之后还是会出现定位失败的情况,

就在苦思又想的情况下,我就想为什么就执着于这个调用方式,不行就只能使用其他的调用方法。

通过内嵌一个隐藏iframe的方式调用该组件,前端定位组件在获取到用户的精准位置信息后。

<iframe id="geoPage" width=0 height=0 frameborder=0  style="display:none;" scrolling="no"
    src="https://apis.map.qq.com/tools/geolocation?key=your key&referer=myapp">
</iframe>

随后在JS里面添加 相关代码
window.addEventListener('message', function(event) {
    // 接收位置信息 你的其他操作
    var loc = event.data;
    console.log('location', loc);
}, false);
换了这种方式之后确实可以定位成功

关于腾讯地图geolocation.getLocation 经常定位失败,定位时间过长的解决方法

 文章来源地址https://www.toymoban.com/news/detail-777107.html

 

到了这里,关于关于腾讯地图geolocation.getLocation 经常定位失败,定位时间过长的解决方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

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

    已知信息整合 正如大家搜到的大佬说的原因是chrome浏览器本身的问题。我换成edge就可以。 高德地图给出的地图定位api的常见问题,这是\\\'另外还有个别浏览器(如google Chrome浏览器等)本身的定位接口是黑洞\\\' 以下是能定位但不安全的方法 连接上了外网谷歌浏览器定位是定位

    2024年01月23日
    浏览(46)
  • uniapp小程序:使用uni.getLocation通过腾讯地图获取相关地址信息详情(超详细)

    先看运行结果: 流程: 搜索后点击这里 已经有账号的就进行登录,没有账号的进行注册即可 点击控制台: 进去后点击成员管理----我的应用----创建应用 输入相应的参数应用名称(随便写)和应用类型更具你的项目类型进行选择我选择了出行 选择好后点击创建: 创建好后点

    2024年04月25日
    浏览(53)
  • 微信小程序腾讯地图定位转高德地图定位

    微信小程序获取到了当前用户的定位,需要在高德地图上进行渲染。 发现正常渲染后,偏差几百米。 这里图方便,直接丢到window上了 这里演示“腾讯地图”转“高德地图”

    2024年01月25日
    浏览(89)
  • 【uniapp小程序实战】—— 使用腾讯地图获取定位

    本篇文章分享一下我在实际开发小程序时遇到的需要获取用户当前位置的问题,在小程序开发过程中经常使用到的获取定位功能。uniapp官方也提供了相应的API供我们使用。 官网地址:uni.getLocation(OBJECT)) uni.getLocation(OBJECT) 获取当前的地理位置、速度。 OBJECT 参数说明 参数名 类

    2024年02月03日
    浏览(57)
  • uniapp开发小程序获取定位信息(腾讯地图)

    定位一直是一个让人头疼的问题,不是这个有问题就是那里有问题。这里结合我多方查找和实际运行,获得的一些经验给予分享。 怎么进行定位?基本流程是: 1.去腾讯位置服务的控制那里创建一个应用 腾讯位置服务 - 立足生态,连接未来 (qq.com) 2.添加一个key,并开通WebS

    2024年02月22日
    浏览(65)
  • 小程序之定位签到打卡=>腾讯地图SDK

    说明:文章部分内容及图片出自网络,如有侵权请与我本人联系(主页有公众号:小攻城狮学前端) 作者: 小只前端攻城狮 、 主页: 小只前端攻城狮 、 首发: 掘金 GitHub: P-J27 、 CSDN: PJ想做前端攻城狮 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出

    2024年02月09日
    浏览(49)
  • uniapp实现腾讯地图定位,生成点,多点连线,清空点线,卫星地图等功能

    功能:         1.地图上标点,点有内容,点击点后可以查看点的信息,详情         2.点击地图生成点,点击多个点后可以实现点连线功能         3.点击按钮后,可以把生成的点清空         4.卫星地图和默认地图切换功能 1.latitude:纬度 2.enable-satellite:卫星地图切换

    2024年02月12日
    浏览(43)
  • 微信小程序 ‘腾讯位置服务地图选点插件申请失败’

    1.登录微信公众平台 2.登录后设置-第三方设置-插件管理-添加插件  3.微信小程序插件 | 腾讯位置服务   将官网上的 配置值复制到app.json中,切记是官网上的值不是自己生成的值!!!!然后再进行编译即可。

    2024年02月11日
    浏览(51)
  • vue - vue使用腾讯api进行定位获取,绘制地图、标点、搜索、路线规划

    首本文主要记录一下在Vue项目里面使用腾讯地图api实现的一些功能。如:引入腾讯地图SDK、定位获取当前经纬度和详细地址、地图marker的使用、搜索功能和路线规划。 我这边实现的效果图如下: 首先要成为腾讯位置服务开发者或者使用公司提供的 key 值;才可以使用腾

    2023年04月17日
    浏览(51)
  • uniapp,小程序获取定位,打开地图选择位置失败问题

    场景: 调用api报错 chooseLocation:fail the api need to be declared in the requiredPrivateInfos field in app.json/ext.json 说明: 1.以下 8 个接口需完成准入开通流程:getFuzzylocation、getLocation、onLocationChange、chooseAddress、choosePoi、chooseLocation、startLocationUpdate、startLocationUpdateBackground 首先需要开通权限

    2024年02月13日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包