0

StackOverflow'ersの皆さん、こんにちは
。ボタンをクリックするだけで、ページの下部にあるdiv（javascript）のサイズを変更し、Googleストリートビューでの位置を表示する（flex）アプリがあります。

ブラウザーを幅の80％で開き、ボタンをクリックしてウィンドウを最大化すると、divが幅の100％を占めることはありません。ページのbodyタグに「onResize」と呼ばれる関数がありますが、動作しないようです。コードは次のとおりです。

...

function handleResize()
{
 document.getElementById('streetviewDiv').style.width='100%';
}

...

<body onResize="handleResize()">

ストリートビューの自動サイズ変更を実現するにはどうすればよいですか？javascriptで取得できるように、そのオブジェクトには特定のIDが必要ですが、見つかりませんでした。

ありがとう

4

3 に答える 3

3

以下は私のために働きます。jQuery-UIを含める必要があります。

$("#streetViewDivId").resizable({handles: 'n,w,s,e', minWidth: 200, maxWidth: 600});    

$("#streetViewDivId").on( "resizestop", function( event, ui ) {

    google.maps.event.trigger(panorama, 'resize');

    console.log('streetview resize ended');
});
于 2014-09-22T11:44:40.937 に答える
0

マークアップとCSSの一部を表示する必要があります。サイズ変更が行われない理由はいくつも考えられます。通常のDIVの動作は、幅の設定がない場合、親コンテナを埋めるために水平方向に拡張することです。したがって、divが親要素によって制約されているか、何か別の奇妙なことが起こっています。

また、StreetViewオブジェクトが拡張を期待しているが拡張していない場合、divは拡張されているが、表示されているコンテンツは拡張されていない可能性があります。

于 2010-03-04T13:34:15.600 に答える
0

APIのv3の時点では純粋なJavascriptだと思います。

これは私を助けました： https ：//developers.google.com/maps/documentation/javascript/reference#StreetViewPanorama

サイズ変更なし開発者は、divのサイズが変更されたときにパノラマでこのイベントをトリガーする必要があります：google.maps.event.trigger（panorama、'resize'）。

于 2013-12-11T15:17:25.673 に答える