خرائط Google Rendering Commers و Map Center بشكل مختلف في Internet Explorer

Question

لدي مشكلة غريبة مع خرائط Google تظهر بشكل مختلف في IE وبقية عالم المتصفح. أنا اختبار في IE8 وفي طريقة عرض التوافق IE8، إظهار نفس الشيء، ولكن Safari، FF، Chrome كل شيء بشكل جيد كما هو متوقع.

الصفحة التي أعمل بها هي: http://afid.staging.dante-studios.com/ في المقدمة هي حامليان مكان واحد لآسيا وواحد لأفريقيا. يبدو أن كلاهما يتوقف بشكل غير صحيح في IE.

كما يتم تحميل علامات وصناديق المعلومات من ملف XML، ويبدو أن IE لا يقوم بتحميل جميعها إما ....

سأكون ممتنا إذا كان بإمكان أي شخص إلقاء أي ضوء على ذلك لأنني قضيت بعض الوقت في محاولة حتى الآن لتصحيح ذلك ولكني لا أستطيع أن أجد فعلا أي شيء خاطئ ...

شكرا لك مقدما

تحديثتم حل مشكلة مركز الخريطة بلطف، ولكن الآن المشكلة مع عدم وجود جميع العلامات التي تظهر لا تزال تظل، إذا كان أحد هو إلقاء نظرة على قسم آسيا (الهند) والمقارنة بين أي ومتصفح آخر، وليس كل العلامات تظهر، سيتم تقدير أي أدلة.

Answer 1

اللوم على map.setCenter() المشكلة التي تحصل عليها في IE8 على $("#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); 
});