奇怪的谷歌地图故障 - IE7 - 8

Question

我目前正在使用Google地图API对地图进行编码...而且它仅在IE7-8中显示出奇怪的效果。

对我来说，我的代码非常标准，可以创建自定义地图。

function initialize(){
    var latlng=new google.maps.LatLng(45.484688,-72.960892);
    var settings={
        zoom:10,
        center:latlng,
        mapTypeControl:false,
        mapTypeControlOptions:{
            style:google.maps.MapTypeControlStyle.DROPDOWN_MENU
        },
        navigationControl:false,
        navigationControlOptions:{
            style:google.maps.NavigationControlStyle.SMALL
        },
        mapTypeId:google.maps.MapTypeId.ROADMAP
    };
    var map=new google.maps.Map(document.getElementById("gmap"),settings);

    var contentString='<div id="content_map">'+'<h3>Title 1</h3>'+'</div>';
    var infowindow=new google.maps.InfoWindow({content:contentString,maxWidth:200});
    var companyPos=new google.maps.LatLng(45.591459,-73.179245);
    var companyMarker=new google.maps.Marker({position:companyPos,map:map,title:"Groupe Québecon Montérégie"});
    //infowindow.open(map,companyMarker);
    google.maps.event.addListener(companyMarker, 'click', function () {
        infowindow.close()
        infowindow.setContent(contentString)
        infowindow.open(map, companyMarker);
    }); 

    var contentString2='<div id="content_map">'+'<h3>Title 2</h3>'+'</div>';
    //var infowindow2=new google.maps.InfoWindow({content:contentString2,maxWidth:200});
    var companyPos2=new google.maps.LatLng(45.397004,-72.739792);
    var companyMarker2=new google.maps.Marker({position:companyPos2,map:map,title:"Groupe Québecon Estrie"});
    //infowindow.open(map,companyMarker2);
    google.maps.event.addListener(companyMarker2, 'click', function () {
        infowindow.close()
        infowindow.setContent(contentString2)
        infowindow.open(map, companyMarker2);
    }); 
}
window.onload=function(){initialize();}

现在，发生了什么？我正在查看CSS类是否会干扰，但我仍然没有找到标记的类/ ID的运气。

Answer 1

您可以使用条件注释将ie7-8的地图引脚定位，我使用了与bing地图相似的技术;

DIV＃content_map {左：-10px;}

虽然我刚注意到每个标记都应用了相同的id; id是唯一的，所以你需要更改一个，这是最简单的工作方式。