0

私はグーグルマップに複数のマーカーを設定していて、infoWindowコンテンツが含まれています、それはFF、GC、IE9,8で完璧に動作します

ただし、IE7ではマップが小さくなります（40px x 30px）

以下は私の<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);
});
4

1 に答える 1

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;
  }
于 2013-01-11T05:32:14.400 に答える