微信小程序跳H5然后从H5打开地图的坑

记录一下困扰我2天的问题:

  • 我们的需求是,从微信打开一个H5进行跳转,然后进入H5,H5中有部分功能用到了地图,第三方的和内置的地图H5中都有使用,因为之前需求没有考虑要链接到小程序中去,所以一直没有考虑这里是否有问题
  • 跳转H5弄完后,发现只有在手机上打开调试才可以看见地图,正式上完全打不开,会报要配置业务域名,第三方我用的是腾讯的地图,单独在H5中打开完全没有问题,在模拟器的小程序中会报,不支持打开非业务域名.............如下图所示

  • 手机上类似会报

 

 

  •  以上都是使用了web-view
  • 网上查找了很多方式,比如说设置微信后台的request合法域名,也就是域名的白名单,就是在开发管理中,服务器域名配置那一栏,配置了https://apis.map.qq.com,然后说要再提交审核一版,就可以了,经过本人测试,不行,还是说要配置业务域名,业务域名是配置不了的,效验不通过的,我也是报着破罐子破摔的心态测试过了
  • 还有就是内置地图,本来说第三方的地图不行,我就全换成内置的地图,然后踩坑点来了,划重点!!!不行,也就是在微信的环境下打开H5,H5中打开内置地图,是不行的,想哭的瞬间来了!!在模拟器的小程序页面报:不支持打开非业务域名...........如下图所示

 

  我是想死亡微笑的~

  • 手机上类似会报

 

 

  • 小程序和H5我都是用的uni-app,内置地图的打开用的是

 

 

 说是H5小程序都支持,但是可能在小程序的环境下H5中转换代码的时候有问题吧,所以我放弃这种思路了,换成了在小程序打开H5后,如果有用到地图的地方,我就区分一下H5和小程序,做不同环境下的地图展示,不知道这样做还有没有别的坑

不知道有没有人有我这种比较绕的需求的,或者有没有更好的方式解决的,麻烦告知,感谢各路大神

 

posted @ 2022-03-11 11:21  温柔本肉  阅读(1177)  评论(0编辑  收藏  举报