Google maps 谷歌地图api v3在移动设备上显示卡片而不是信息窗口

在桌面计算机浏览器上打开maps.google.com时，单击标记会打开一个信息窗口

在移动设备浏览器上打开maps.google.com时，单击标记会在底部打开一张卡

我正在使用谷歌地图api v3。添加信息窗口很容易。如何添加卡？有一个组件吗

用于添加信息窗口的代码：

var infoWindow = new google.maps.InfoWindow();
google.maps.event.addListener(marker, 'click', function() {
        infoWindow.close();
        infoWindow.setContent('Some text');
        infoWindow.open(map, marker);
});

添加卡的代码可能是这样的吗

var card = new google.maps.Card();
google.maps.event.addListener(marker, 'click', function() {
        card.close();
        card.setContent('Some text');
        card.open(map, marker);
});

---

非常感谢你的帮助

我正在做类似的东西，如果将来有人需要，我会发布我的解决方案。使用带有一个指针的iframe创建相同的地图，默认情况下，左上方应该有一个卡片信息。复制卡片信息的html，然后复制该卡片使用的css，将该css作为库添加到您的网页中，为map div创建包装器，在使用google api初始化map之后，使用jquery和卡片信息html附加包装器（或者使用任何其他jquery功能将其放置在事件等上）

例如，您可以使用inspect element tool查找所需的内容：

---

没有谷歌地图卡。这必须以你的水平来管理。有许多方法可以检测用户是否在移动设备上。一旦您知道了这一点，您就可以调整代码以您喜欢的方式（在信息窗口或其他地方）显示信息。你可以在marker click事件监听器中做任何你想做的事情。谢谢，我希望有这样一个插件可以使用。这会帮我省下一些css工作。。。