Cambiar el tamaño de la calle Vista del objeto

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

Pregunta

Hola StackOverflow'ers, España Tengo una aplicación (flex) que, con el clic de un botón, cambiar el tamaño de un div (en javascript) en la parte inferior de la página y muestra la posición en Google Street View en ella.

Las cosas es que si abro el navegador a 80% de la anchura, haga clic en el botón y luego maximizar la ventana, el div no va a tomar el 100% de la anchura. Tengo una función que su ser llamado 'onResize' en la etiqueta del cuerpo de la página, pero no parece funcionar. Aquí está el código: 

...

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

...

<body onResize="handleResize()">

¿Cómo puedo lograr el ajuste de tamaño automático de la vista de la calle? Tiene que haber un identificador específico para ese objeto para que pudiéramos conseguirlo mediante javascript, pero no he encontrado.

Gracias

¿Fue útil?

Solución

Usted va a tener que mostrar algunas de las marcas y CSS. No puede haber cualquier número de razones por las que no está consiguiendo un cambio de tamaño. comportamiento DIV normal es, ausente cualquier anchura ajuste, para expandir horizontalmente para llenar el contenedor principal. Así que, o su div está siendo limitado por un elemento padre o algo más raro está pasando.

También podría ocurrir que el div se está expandiendo, pero su contenido no es visible, si el objeto de Calle es lo que espera a expandirse, pero no lo hace.

Otros consejos

La siguiente funciona para mí. Es necesario 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');
});

Creo que es de pura Javascript a partir del v3 de la API.

Esto me ayudó: https://developers.google.com/maps/documentation/javascript/reference#StreetViewPanorama

Los desarrolladores de cambio de tamaño Ninguno debe dar lugar a este evento en el panorama cambia cuando su div tamaño:. Google.maps.event.trigger (panorama, 'redimensionamiento')

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top