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

我目前正在使用谷歌地图API编码地图......它只在IE7-8中显示出奇怪的。奇怪的谷歌地图故障 - IE7 - 8

enter image description here

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

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类是否可能会干扰，但我仍然没有找到标记的类/标识的运气。

来源

2012-01-04 Fredy31

您可以使用条件注释将您的地图引脚定位到ie7-8，我已经使用了一种类似于bing地图的技术;

DIV＃content_map {左：-10px;}

虽然我只注意到相同的id被施加到每一个标记; ID是独一无二的，所以你需要改变它，这是最简单的方法。

来源

2012-01-04 21:00:34 albert

感谢您的建议，它是有希望的...只是要找到一个CSS类或ID挂钩。这本身就是一个挑战。我测试了它，好像我可以从我的主CSS表格中更改Google地图的CSS。 – Fredy31 2012-01-04 21:38:43

不是我们正在谈论的JavaScript中构建的两个div吗？如果没有，我现在真的迷失了方向，但是你可以使用你的浏览器开发工具来检查元素，并且应该给你你需要的CSS钩子。根据我的经验，我不得不使用非常冗长的声明来覆盖专有地图的CSS。 – albert 2012-01-05 05:43:30

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

回答

相关问题