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

在跳转到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_顽皮宝-华为云开发者联盟

  • 9
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
微信小程序可以通过调用腾讯地图API实现一些地图相关的功能。首先,在小程序开发过程中,需要先在微信公众平台申请开通腾讯地图API的权限。然后,开发者可以使用小程序的开发工具,在相关的页面中引入腾讯地图API的SDK。 在小程序调用腾讯地图API可以实现一些功能,如地图显示、定位、搜索、导航等。开发者可以在小程序中创建一个地图容器,通过调用腾讯地图API的相关方法,将地图显示在小程序中的指定位置上。用户可以通过手势操作地图进行缩放、平移等操作。 同时,通过腾讯地图API定位功能,小程序可以获取用户的地理位置信息。开发者可以在小程序调用相关接口,实现用户位置的定位和显示。此外,小程序还可以通过调用腾讯地图API的搜索功能,实现地点、位置、路线的搜索。用户可以通过输入关键词,获取相关的地点信息,并在地图上显示。 另外,小程序还可以调用腾讯地图API的导航功能,实现路线规划和导航功能。用户可以通过输入起始点和终点,获取最佳的交通路线,并在地图上显示导航路线。开发者可以通过调用腾讯地图API提供的导航接口,实现小程序的导航功能。 总之,微信小程序可以通过调用腾讯地图API实现地图显示、定位、搜索和导航等功能,为用户提供更好的地理信息服务。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值