Redimensionnement objet vue sur la rue

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

Question

Bonjour StackOverflow'ers,
J'ai une application (flex) qui, sur le clic d'un bouton, un div redimensionne (en javascript) au bas de la page et affiche votre position dans google street view en elle.

Les choses est que si j'ouvre le navigateur à 80% de la largeur, cliquez sur le bouton puis agrandissez la fenêtre, la div ne prendra pas 100% de la largeur. J'ai une fonction que son être appelé « onResize » sur l'étiquette de corps de la page, mais il ne semble pas fonctionner. Voici le code: 

...

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

...

<body onResize="handleResize()">

Comment puis-je obtenir le redimensionnement automatique de la vue sur la rue? Il doit y avoir un identifiant spécifique pour cet objet afin que nous puissions obtenir en javascript, mais je l'ai pas trouvé.

Merci

Était-ce utile?

La solution

Vous allez devoir faire preuve du balisage et CSS. Il pourrait y avoir un certain nombre de raisons pour lesquelles vous n'êtes pas obtenir un redimensionnement. Le comportement normal DIV est, en l'absence de tout niveau de la largeur, pour élargir horizontalement pour remplir le conteneur parent. Donc, soit votre div est contrainte par un élément parent ou autre chose bizarre se passe.

Il peut aussi arriver que la div est en expansion mais son contenu visible n'est pas, si votre objet StreetView est ce que vous vous attendez à développer, mais ne fonctionne pas.

Autres conseils

Les oeuvres suivantes pour moi. Vous devez inclure 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');
});

Je pense que ce pur Javascript au v3 du api.

cela m'a aidé: https://developers.google.com/maps/documentation/javascript/reference#StreetViewPanorama

Les développeurs redimensionnez Aucun devrait déclencher cet événement sur le panorama lorsque sa div change de taille. Google.maps.event.trigger (panorama, 'resize')

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top