窗口.打开谷歌地图-灰色屏幕上的iPhone谷歌Chrome浏览器



我有一个链接,我的用户可以点击它将打开一个新的标签页的谷歌地图位置使用下面的url:

https://www.google.com/maps?q=123%20W%20Main%20St.%20Dallas%20Texas

我使用jQuery打开新的选项卡:

$(document).on('click','a',function(event) {
  event.preventDefault();
  var hrefValue = $(this).attr('href');
  window.open(hrefValue,'_blank');
});

这适用于桌面用户和iPhone Safari用户。但在iPhone的谷歌浏览器上,如果你安装了谷歌地图应用程序,它会打开谷歌地图应用程序(这很好),如果你回到网站,它会显示一个灰色的屏幕(不好)。我可以通过选择"标签"图标来解决这个问题(它不会显示一个新的标签,只有我已经打开的标签),然后再次选择相同的标签。还有别的办法吗?

你可以看到它在这里工作:https://jsfiddle.net/fnexq36n/2/

我环境:

  • iPhone 5s (iOS v9.3.2)
  • Google Chrome(最新版)
  • Google Maps (Latest)

我在php代码中也有同样的问题,当我改变

下面的行时,问题就消失了
<a target="_blank" href="http://maps.google.com/maps?q=$latitude,$longitude"> $street $city $country </a> </br></br>"

<a  href="http://maps.google.com/maps?q=$latitude,$longitude"> $street $city $country </a> </br></br>"

删除target="_blank"有帮助,但问题是在桌面它不打开新的选项卡。在iphone上,它会打开谷歌地图应用。

如果你在你的代码中删除_blank,这可能也工作。

最新更新