Redimensionando o objeto View View

StackOverflow https://stackoverflow.com/questions/2379434

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

Foi útil?

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').

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top