これが私が取り組んだフィドルですhttp://jsfiddle.net/fyDkD/14/
私のHTMLはここにあります
<div id="map-holder">
<div id="map_canvas" class="bigmap"></div>
<div id="map_stv" class="minimap" style="display:none"></div>
</div>
私のCSSはこちら
#map-holder {
height: 1200px ;
position: relative;
}
.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;
}
これで、Google マップ上の任意の場所にペグマンをドラッグ アンド ドロップすると、ストリートビューが表示されることがわかります。ストリートビューは Firefox ブラウザのみでは適切ではありません。また、幅と高さの差がかなり大きい場合、問題を非常に簡単に確認できることがわかりました。ストリートビューの画像がうまく表示されません。これについて提案してください。