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

weixin_45212827

已于 2024-01-26 15:22:31 修改

阅读量3.1k

点赞数 9

文章标签：微信小程序小程序

于 2024-01-26 11:46:55 首次发布

本文链接：https://blog.csdn.net/weixin_45212827/article/details/135862584

版权

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