2013-03-25 50 views
1

我照着以下街景不顯示圖像,如果正確的地圖高度大於

/* Map html */ 
<div id="mapDiv" class=""> 
    <div id="map-holder"> 
    <div id="map_canvas" class="bigmap"></div> 
    <div id="map_stv" class="minimap" style="display: none"></div> 
    </div> 
</div> 

/* Css associated */ 
.bigmap{ 
    width:100%; 
    height:100%; 
} 

.minimap{ 
    width:50%; 
    height:100%; 
} 
#map_stv { 
    position: absolute; 
    top: 0; 
    right: 0; 
} 
#map_stv img { 
    border: none !important; 
    max-width: none !important; 
} 

使用街景當過我需要顯示街景然後我微縮類添加到map_canvas提供並切換map_stv。它的工作正常。但當地圖尺寸768×1024是然後我得到了以下問題

enter image description here

有沒有人遇到這樣?任何關於這個的指針?

+1

你可以把它放在一個的jsfiddle? – chriz 2013-03-25 10:49:30

+0

好吧,我會盡力把... – 2013-03-25 11:11:49

+0

@chriz剛剛創建了小提琴,看到問題是隻在Firefox上...這裏是小提琴... http://jsfiddle.net/coderslay/fyDkD/6/ show/Plz建議 – 2013-03-26 09:29:43

回答

1

I made a fiddle for you!

的問題是,是,你的地圖被拉伸太遠,因此圖像具有街景圖像的頂部切斷。

要讓地圖響應我只是說:

style="width: 99%; height: 99%; 

要將#map-holder股利。

總之我最好的選擇是嘗試並堅持或多或少甚至寬高比與地圖widthheight

+0

乾杯隊友:DDDDDDDD – 2013-03-26 11:54:51

+0

任何時間花花公子:) – chriz 2013-03-26 11:56:20