サイズ変更ストリートビューオブジェクト
-
24-09-2019 - |
質問
こんにちはStackOverflow'ers、
私は、ページの下部にあるボタンをクリックするだけで、(ジャバスクリプト内)のdivのサイズを変更する、という(フレックス)アプリを持っており、その中にGoogleのストリートビューで自分の位置を示しています。
の事は、私は、幅の80%でブラウザを開き、ボタンをクリックし、ウィンドウを最大化した場合、div要素の幅の100%にならないということです。私は彼がページのbodyタグに「さらにonResize」と呼ばれているという機能を持っているが、それは仕事には思われません。ここでは、コードは次のとおりです。
...
function handleResize()
{
document.getElementById('streetviewDiv').style.width='100%';
}
...
<body onResize="handleResize()">
私はストリートビューの自動サイズ変更をどのように達成することができますか?そこ私たちはjavascriptのことで、それを得ることができるように、そのオブジェクトの特定のIDでなければなりませんが、私はそれを見つけていない。
おかげ
解決
あなたはマークアップとCSSの一部を表示する必要があるとしています。あなたがサイズ変更を取得していない理由の数に制限はありませんでした。通常のDIVの動作は、親コンテナを埋めるために水平展開して、不在の任意の幅の設定、です。だからあなたのdivが親要素または奇妙な何か他のものが起こっているによって制約されているのどちらか。
また、そのdiv要素が拡大していることが起こりますが、その目に見える内容でしたあなたのストリートビューのオブジェクトは、あなたが拡大することを期待するものですが、ない場合は、ではありません。
他のヒント
以下は、私のために動作します。あなたは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');
});
私は、APIのV3のように、その者の純粋なJavascriptを考えてます。
これは私を助けました: https://developers.google.com/maps/documentation/javascript/reference#StreetViewPanorama の
リサイズなしそのdiv要素のサイズが変化したときに開発者がパノラマでこのイベントをトリガする必要があります。google.maps.event.trigger(パノラマ、「サイズ変更を」)