GoogleマップのマーカーがiPhone/iPadのInfoBubbleに表示されない

Question

Googleマップに関するすべてが小さな画面でも、さまざまなデスクトップブラウザでうまく動作します - 初期設定、マーカー、infobubblesなどは完全に機能しています。しかし、iPhone/iPadでは、マーカーをクリックしてもInfoBubbleは表示されません。

stackoverflowの研究後

及びその後の様々なソリューション：

1. Google Map Infowindow not showing properly
2. Google Maps API v3: InfoWindow not sizing correctly
3. Why does Safari on the iPad not display my marker on an embedded Google Maps page?
4. how can i bind touch events for a marker in google maps?
5. click event is not working in 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日かかります。私たちのアプローチは以下のとおりです。非同期を使用せずにマップ早くinfobubble.jsよりhttp経由で

負荷

1. 負荷のGoogleマップAPIまたは延期