2013-01-11 62 views
0

我在谷歌地圖上設置多個標誌重置高度和寬度,包括信息窗口的內容,它可以完美運行於FF,GC,IE9,8谷歌地圖(GMAP)對IE7

但在IE7地圖變小( 40像素X 30像素)

以下是我<div>

<div id="listing-map-view" style="width:610px;height:380px;"> 

</div> 

以下是GmapCall

var bounds = new google.maps.LatLngBounds(); 
var map; 
var userinput = "40.860294,-73.183374"; 
var latlong = userinput.split(","); 
var lat = latlong[0]; 
var long = latlong[1]; 

$(document).ready(function(){ 
    map = new GMaps({ 
    div: '#listing-map-view', 
    lat: lat, 
    lng: long 
    }); 

bounds.extend (new google.maps.LatLng (lat ,long)); 
map.addMarker({ 
lat: lat, 
lng: long, 
infoWindow: {content: 'Some Test Content'}, 
zoom:10, 
mapTypeId:google.maps.MapTypeId.ROADMAP 
}); 
map.fitBounds(bounds); 
}); 

回答

1

這是一個通過添加以下風格修復的位置相對錯誤

/*Google Map Fixes for IE */ 

    #listing-map-view{ 
    z-index: 1000!important; /*Outer DIV*/ 
    position:relative!important; 
    width:610px!important; 
    height:375px!important; 
    padding: 0 15px!important;; 
    } 
    #listing-map-view > div{ 
    z-index: 500!important; /*Actual DIV with the map*/ 
    position:absolute!important; 
    }