微信小程序跳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和小程序,做不同環境下的地圖展示,不知道這樣做還有沒有別的坑

不知道有沒有人有我這種比較繞的需求的,或者有沒有更好的方式解決的,麻煩告知,感謝各路大神

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM