【发布时间】:2019-02-25 06:14:18
【问题描述】:
我有一个应用程序(使用 Quasar、vue.js 构建),它嵌入了标准的 Google Map iframe (Google Embed API),然后构建为标准的 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>
有什么想法吗?
【问题讨论】:
-
谢谢,但我已经可以很好地显示谷歌地图了。我的问题是它无法正确链接,但通过我在下面的答案中提到的插件解决了。
标签: javascript ios cordova vue.js quasar-framework