Google지도 Internet Explorer에서 마커와지도 중심을 다르게 렌더링합니다.

Question

IE 및 다른 브라우저 세계에서 다르게 보이는 Google지도의 이상한 문제가 있습니다. 나는 IE8과 IE8 호환성 테스트에서 같은 것을 보여 주지만 Safari, FF, Chrome은 모두 잘 동작하고 예상대로 동작합니다.

나는 앞에서 http://afid.staging.dante-studios.com/이 아시아 인과 아프리카 인을위한 2 개의 장소 보유자입니다. 둘 다 IE에서 잘못 표시됩니다.

또한

마커 및 정보 상자는 XML 파일로부터로드, IE는 .... 그들도까지의 모든로드되지 않은 것 같다

사람이에 어떤 빛을 흘릴 수 있다면 나는 감사하겠습니다

내가 꽤 썼다로 지금까지 디버깅을 시도하지만 난 사실 ...지도 센터 문제가 친절하게 해결되었습니다

UPDATE 사전에

감사를 아무 잘못 찾을 수 없습니다, 그러나 지금 보여주는 모든 마커가 아닌 문제는 여전히 남아 있습니다. 하나는 아시아 섹션 (인도)을보고 IE와 다른 브라우저 사이를 비교하는 것입니다. 모든 마커가 표시되는 것은 아니며, 단서가 인정 될 것입니다.

Answer 1

IE8에 들어가는 map.setCenter() 문제에 대한 책임은 $("#map-holder").fadeOut() 메서드에 있습니다.

이 같은 fadeOut()없이 그것을 시도하고, 중심이 잘 작동합니다 :

$(".map-overlay-right").click(function() { 
    var map = new GMap2(document.getElementById('map-holder')); 
// $("#map-holder").fadeOut('slow', function(){          
     var gmarkers = []; 
     map.addControl(new GSmallMapControl()); 
     map.addControl(new GMapTypeControl()); 
     var Asia = new GLatLng(23.684774, 90.087891); 
     map.setCenter(Asia, 4); 

     $.get("http://afid.staging.dante-studios.com/xml-feed-google-maps",{},function(xml) { 
      $('marker',xml).each(function(i) { 
       html = $(this).text(); 
       lat = $(this).attr("lat"); 
       lng = $(this).attr("lng"); 
       label = $(this).attr("label"); 
       var point = new GLatLng(lat,lng); 
       var marker = createMarker(point,label,html); 
       map.addOverlay(marker); 
      }); 
     }); 

// }); 
    $("#map-holder").fadeIn('slow');  
}); 

을 map.setCenter()fadeOut() 방법은 또한 IE8을 중심으로 문제 해결 외부 이동 :

$(".map-overlay-right").click(function() { 
    var map = new GMap2(document.getElementById('map-holder')); 
    $("#map-holder").fadeOut('slow', function(){          
     var gmarkers = []; 
     map.addControl(new GSmallMapControl()); 
     map.addControl(new GMapTypeControl()); 

     $.get("http://afid.staging.dante-studios.com/xml-feed-google-maps",{},function(xml) { 
      $('marker',xml).each(function(i) { 
       html = $(this).text(); 
       lat = $(this).attr("lat"); 
       lng = $(this).attr("lng"); 
       label = $(this).attr("label"); 
       var point = new GLatLng(lat,lng); 
       var marker = createMarker(point,label,html); 
       map.addOverlay(marker); 
      }); 
     }); 

    }); 
    $("#map-holder").fadeIn('slow');  

    var Asia = new GLatLng(23.684774, 90.087891); 
    map.setCenter(Asia, 4); 
});