2017-09-15 7 views
2

Google지도에 관한 모든 내용은 작은 화면에서도 여러 데스크톱 브라우저에서 잘 작동합니다. 초기화, 마커, infobubbles 등은 완벽하게 작동합니다. 그러나 iPhone/iPad에서 마커를 클릭하면 InfoBubble이 나타나지 않습니다.Google지도의 마커가 iPhone/iPad의 InfoBubble에 표시되지 않습니다.

유래에 대한 연구 후

하고 다음에 다양한 솔루션 :

  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)); 

답변

0

누구나 이와 유사한 문제가 발생했을 경우를 대비하여. 이 문제를 해결하는 데는 3 일이 걸립니다. 우리의 접근 방식은 다음과 같습니다 비동기를 사용하지 않고지도 이전 infobubble.js 이상의 HTTP를 통해

  • 로드

    1. 부하 구글지도 API 또는 연기