谷歌地图api v3显示卡而不是移动设备上的infowindow

在台式机浏览器上打开maps.google.com时，单击标记打开一个infowindow。谷歌地图api v3显示卡而不是移动设备上的infowindow

当MOBILE装置浏览器上打开maps.google.com，点击标记打开在底部具有CARD。

我正在使用google maps 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); 
});

您的帮助非常感谢！

来源

2014-12-27 BeFree

没有谷歌地图卡。这一定是我的管理水平。有多种方法可以检测用户是否在移动设备上。一旦你知道了，你可以调整你的代码，以你喜欢的方式显示信息（在infowindow或其他地方）。你可以在标记点击事件监听器中做任何你想做的事情。 – MrUpsidown 2014-12-28 11:13:32

谢谢，我希望有这样的插件可以随时使用。这将节省我一些CSS工作... – BeFree 2014-12-29 12:44:49

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

例如这里，u能找到u需要使用检查元素工具是什么： http://mttc.eu/content/contacts

来源

2015-04-02 06:25:50

谷歌地图api v3显示卡而不是移动设备上的infowindow

回答

相关问题