Redimensionando o objeto View View
-
24-09-2019 - |
Pergunta
Olá Stackoverflow'ers,
Eu tenho um aplicativo (flex) que, com o clique de um botão, redimensione uma div (em javascript) na parte inferior da página e mostra sua posição no Google Street View nele.
As coisas é que, se eu abrir o navegador com 80% da largura, clique no botão e maximize a janela, a div não terá 100% da largura. Eu tenho uma função que ele está sendo chamado de 'OnResize' na etiqueta corporal da página, mas não parece funcionar. Aqui está o código:
...
function handleResize()
{
document.getElementById('streetviewDiv').style.width='100%';
}
...
<body onResize="handleResize()">
Como posso alcançar o resumo automático da View Street? Deve haver um ID específico para esse objeto para que pudéssemos obtê -lo por JavaScript, mas eu não o encontrei.
Obrigado
Solução
Você terá que mostrar parte da marcação e CSS. Pode haver várias razões pelas quais você não está recebendo um redimensionamento. O comportamento normal da div está, ausente em qualquer configuração de largura, para expandir horizontalmente para preencher o contêiner pai. Portanto, sua div está sendo restringida por um elemento pai ou algo mais estranho está acontecendo.
Também pode acontecer que a div está se expandindo, mas seu conteúdo visível não é, se o seu objeto de rua é o que você espera expandir, mas não.
Outras dicas
O seguinte funciona para mim. Você precisa incluir 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');
});
Eu acho que é puro javascript a partir da v3 da API.
Isso me ajudou:https://developers.google.com/maps/documentation/javascript/reference#streetviewpanorama
REDIMEIRA NENHUM DESENVOLVIDADES DEVEM ACIMAR ESTE EVENTO NO PANORAMA Quando sua div muda de tamanho: google.maps.event.Trigger (Panorama, 'Redize').