奇怪的谷歌地圖故障 - 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

回答

相關問題