谷歌地图的标记在iPhone/iPad上不显示InfoBubble

Question

有关Google Map的所有内容即使在较小的屏幕中也可以在不同的桌面浏览器中运行良好 - 初始评估，标记，Infobubbles等都可以正常工作。但是在iPhone/iPad上，单击标记时不会出现Infobubble。

在研究stackoverflow并遵循各种解决方案之后：

1. Google Map InfowDOW未正确显示
2. Google地图API V3：InfowDindow不正确尺寸
3. 为什么iPad上的Safari不会在嵌入式的Google Maps页面上显示我的标记？
4. 如何绑定Google Maps中标记的触摸事件？
5. 点击事件在iPad中不起作用

问题仍然存在。有人可以帮忙吗？谢谢您的高级！

//set up infobubble
var infowindow = new InfoBubble({
    map: map,
    maxHeight: 380,
    minWidth: 270,
    shadowStyle: 0,
    pixelOffset: new google.maps.Size(0, 35),
    padding: 0,
    borderRadius: 0,
    arrowSize: 8,
    borderWidth: 0,
    borderColor: '#fff',
    disableAutoPan: true,
    hideCloseButton: true,
    arrowPosition: 50,
    arrowStyle: 0
});
// open infowindow when marker is clicked
var mm=[];
google.maps.event.addListener(marker, 'click', (function(marker, i) {
  return function()
  {
    if(mm !='')
    {
      mm[0].setVisible(true);
      mm=[];
    }
    mm.push(marker);
    marker.setVisible(false);
    infowindow.setContent(this.IWcontent);
    infowindow.open(map, marker);
  }
})(marker, i));

Answer 1

以防万一任何人都面临类似的问题。我们需要3天才能解决这个问题。我们的方法是：

1. 通过http加载Google Map API
2. 与infobubble.js一起加载地图，而无需使用异步或递送