谷歌地圖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

回答

相關問題