Domanda

Hello StackOverflow'ers,
Ho un (flex) app che, sul clic di un pulsante, ridimensionare un div (in javascript) nella parte inferiore della pagina e mostra la tua posizione in Google street view in esso.

Le cose è che se apro il browser al 80% della larghezza, cliccare sul pulsante e quindi ingrandire la finestra, il div non avrà il 100% della larghezza. Ho una funzione che il suo essere chiamato 'onResize' sul tag body della pagina, ma non sembra funzionare. Ecco il codice:

...

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

...

<body onResize="handleResize()">

Come posso raggiungere l'auto-ridimensionamento della vista stradale? Ci deve essere un ID specifico per l'oggetto in modo che siamo riusciti a farlo da javascript, ma io non l'ho trovato.

Grazie

È stato utile?

Soluzione

Si sta andando ad avere per mostrare alcuni dei markup e CSS. Ci potrebbe essere un qualsiasi numero di motivi per cui non stai ricevendo un ridimensionamento. comportamento DIV è normale, assente qualsiasi larghezza impostazione, per espandere orizzontalmente per riempire il contenitore principale. Quindi, o il tuo div è vincolato da un elemento padre o qualcos'altro di strano sta succedendo.

Potrebbe anche accadere che modo il div è in espansione, ma il suo contenuto non è visibile, se l'oggetto StreetView è quello che ci si aspetta di espandersi, ma non lo fa.

Altri suggerimenti

Di seguito funziona per me. È necessario includere 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');
});

Credo che la sua pura di Javascript come del v3 della api.

questo mi ha aiutato: https://developers.google.com/maps/documentation/javascript/reference#StreetViewPanorama

ridimensionamento Nessuno Gli sviluppatori dovrebbero attivare questo evento nel panorama quando il suo div cambia dimensione:. Google.maps.event.trigger (panorama, 'ridimensionamento')

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top