我有一个嵌入标准 Google Map iframe ( Google Embed API ) 的应用程序(使用 Quasar、vue.js 构建),然后构建为标准 Web 应用程序、PWA 和 Cordova 应用程序。
在 web/pwa 版本中,Google 自动放置在视图中的“打开较大的地图”链接将(如我所愿)打开一个全新的窗口。但是在 Cordova 版本中,它不会在系统浏览器中打开这些链接(因为我的所有其他外部链接都没有问题)。不知道为什么这些在 Cordova 版本中不起作用,因为所需要的只是target='_blank'
使所有其他链接在系统浏览器中打开(并且它存在于 Google 的链接中)。
我想这与它在 iframe 中有关,但它仍然令人困惑,为什么它在 web/pwa 中按预期工作,而不是 Cordova。
以下是我从 Cordova 和 Web 应用程序的源代码中提取的两个版本:
网站:
<iframe src="https://www.google.com/maps/embed/v1/place?key=xxx&q=2925+Euclid+Avenue%2CCleveland%2COH%2C44115" allowfullscreen="allowfullscreen" style="border: 0px none; height: 400px;" width="100%" frameborder="0"></iframe>
科尔多瓦:
<iframe width="100%" frameborder="0" src="https://www.google.com/maps/embed/v1/place?key=xxx&q=2925+Euclid+Avenue%2CCleveland%2COH%2C44115" style="border: 0px; height: 250px;"></iframe>
有任何想法吗?