奇妙なGoogleマップグリッチ - 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＃1 content_map {左：-10px;}

私はちょうど同じIDは各マーカーに適用されていることに気づいたが、 idはユニークなものなので、これを変更する必要があります。これが最も簡単な方法です。