关于微信小程序调用H5腾讯地图API获取定位信息提示失败问题--解决办法之一

这篇具有很好参考价值的文章主要介绍了关于微信小程序调用H5腾讯地图API获取定位信息提示失败问题--解决办法之一。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在跳转到H5页面加载腾讯地图API获取定位信息时,“真机调试”、“开发模式”都可以使用 web-view 组件访问我需要的路径。只有“体验版”、“线上版本”会出现这个错误提示。正常加载都是正常的,但是因为腾讯地图API在获取定位信息的同时,会在页面上内嵌一个隐藏的web-view来展示定位信息(正常引用js、css等样式文件是正常的),导致会提示以下错误。暂时的解决办法是先使用小程序的原生能力调用获取到定位信息后,通过链接透传到H5页面中,这样就能暂时逃过嵌入小程序的H5页面通过腾讯地图的API引发的报错问题。

调用腾讯地图api 报错,微信小程序,小程序

方法二:适用于H5跳转H5时获取定位信息方法

进入到H5页面时,判断是小程序访问,调用小程序原生能力跳转到小程序页面获取到定位信息后拼接入参回调重新到需要定位的页面(也可以通过监听的方式获取定位信息)

function getMiniProgramPosition(){
	var maps = qqMapTransBMap(getQueryString('longitude'), getQueryString('latitude'));
	longitude = maps.lng;
	latitude = maps.lat;
	cityName = decodeURIComponent(getQueryString('city'));
	provinceName = decodeURIComponent(getQueryString('provinceName'));
	if (!isNotNull(longitude) || !isNotNull(latitude)){
		var currentUrl = window.location.href
		wx.miniProgram.postMessage({ data: {'type': 'positioning', 'callBackUrl': currentUrl}});
	}
}

参考:【微信小程序】web-view 无法打开该页面不支持打开_javascript_顽皮宝-华为云开发者联盟文章来源地址https://www.toymoban.com/news/detail-859106.html

到了这里,关于关于微信小程序调用H5腾讯地图API获取定位信息提示失败问题--解决办法之一的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取

    目录 第一章 前言 第二章 添加插件 2.1 微信小程序添加插件方法一(微信公众平台添加插件) 2.2 微信小程序添加插件方法二(通过项目配置添加插件) 2.3 微信小程序添加插件方法三(微信公众平台服务市场添加插件) 第三章 总结  3.1 遇到的问题解决 3.2 总结 微信小程序

    2024年02月04日
    浏览(64)
  • 微信小程序通过startLocationUpdate,onLocationChange获取当前地理位置信息,配合腾讯地图解析获取到地址

    先创建个getLocation.js文件 在App.vue文件里引入封装的getLocation.js文件 要在manifest.json文件里配置下内容

    2024年02月03日
    浏览(47)
  • uni-app微信小程序结合腾讯地图获取定位导航以及城市选择器

    目录 第一步:登录小程序公众平台==设置==第三方设置  第二步:登录腾讯地图申请属于自己小程序的key  第三步:找到腾讯地图的插件​​​​​​​  第四步:添加插件与允许授权  第五步:使用    腾讯地图后台:https://lbs.qq.com/dev/console/application/mine    添加key,授权使

    2023年04月12日
    浏览(72)
  • 微信小程序学习实录5(H5嵌入小程序、map组件、地图调起功能、腾讯百度高德导航页、返回web-view页)

    创建容器 地图家长 在H5页面引入 //res.wx.qq.com/open/js/jweixin-1.6.0.js ,建议使用高版本; 点击返回按钮 调用微信小程序和H5通用API 判断是否在微信小程序环境中 地图调起,再次返回小程序页 获取H5传递参数的方式为: console.log(options) latitude和longitude必须为数字类型,不支持字符

    2024年02月07日
    浏览(70)
  • 【微信小程序】免费的高德地图api——获取天气(全过程)

    介绍 这里是小编成长之路的历程,也是小编的学习之路。希望和各位大佬们一起成长! 以下为小编最喜欢的两句话: 要有最朴素的生活和最遥远的梦想,即使明天天寒地冻,山高水远,路远马亡。 一个人为什么要努力? 我见过最好的答案就是:因为我喜欢的东西都很贵,

    2024年02月02日
    浏览(67)
  • 微信小程序使用TS+腾讯位置API,输入地址,解析经纬度(全局封装及调用)

    我们有时候做小程序时需要用到获取地址的经纬度,腾讯位置提供了相关API,我们可以使用其API进行调用实现功能。 1. 登录腾讯位置服务网址 腾讯位置服务 - 立足生态,连接未来 腾讯位置服务为各类应用厂商和开发者提供领先的LBS服务和解决方案;有针对Web应用的JavaScrip

    2024年02月16日
    浏览(38)
  • 关于微信小程序如何调用wx.login获取openId和用户信息

    首先我们需要在微信开发小工具获取code临时登录凭证,下面是js文件也就是一些需要调用的函数。需要做这个的话我们需要上微信公众平台获取AppId和AppSecret 这个是页面 这是获取到的code 本来获取用户信息是getUserInfo但是微信官方已经把那个接口废弃了,只能获取到一些默认

    2024年02月11日
    浏览(45)
  • 微信小程序集成腾讯地图

    微信小程序集成腾讯地图,实现用户附近停车位搜索显示。 官方地址:https://lbs.qq.com/ 下面这个是我的个人公共号 只会写Bug的程序猿 ,大家可以关注一下,一键三连。相互交流学习。

    2024年02月04日
    浏览(58)
  • 微信小程序使用腾讯地图

    第一步:登录或者注册腾讯地图官方(地址:https://lbs.qq.com/) 第二步:在创建sdk; 创建方法:进入控制面板后显示创建sdk,点击之后输入名称和选择应用场景后点击设置选择web和小程序后输入APPID后点击确定就好。 第二步:在微信小程序开发管理页面里面的域名管理里面输

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

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

    2024年01月25日
    浏览(71)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包