Bizarre Google Maps Glitch - IE7 - 8

Question

Je suis actuellement en train de coder une carte en utilisant l'API google maps ... et cela se révèle bizarre dans IE7-8 seulement.

Pour moi, mon code est assez standard, pour créer une carte personnalisée.

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

Alors maintenant, que se passe-t-il? Je suis en train de voir si une classe CSS pourrait interférer, mais je n'ai toujours pas eu de chance pour trouver la classe/id du marqueur.

Answer 1

vous pouvez cibler vos broches de carte pour ie7-8 en utilisant des commentaires conditionnels, j'ai utilisé une technique similaire avec les cartes bing;

div # {content_map gauche: -10px;}

bien que je viens de remarquer que le même identifiant est appliqué à chaque marqueur; Les ID sont uniques, vous devrez donc en changer un, ce qui est le moyen le plus simple pour que cela fonctionne.