Il ridimensionamento di vista degli oggetti stradale
-
24-09-2019 - |
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
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')