Ändern der Größe Blick auf die Straße Objekt

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

Frage

Hallo StackOverflow'ers,
Ich habe eine (flex) app, dass auf dem Klick auf eine Schaltfläche, ein div der Größe (in Javascript) am unteren Rande der Seite und zeigt Ihre Position in Google Street View in ihm.

Die Dinge, das ist, wenn ich den Browser bei 80% der Breite zu öffnen, auf der Schaltfläche klicken und dann das Fenster maximiert, wird die div nimmt nicht zu 100% der Breite. Ich habe eine Funktion, dass sein wird ‚onResize‘ auf dem Body-Tag der Seite genannt, aber es scheint nicht zu funktionieren. Hier ist der Code: 

...

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

...

<body onResize="handleResize()">

Wie kann ich das Auto-Resize des Blicks auf der Straße erreichen? Es muss eine spezifische ID für das Objekt sein, so dass wir es von Javascript bekommen konnten, aber ich habe es nicht gefunden.

Danke

War es hilfreich?

Lösung

Sie gehen zu müssen, einen Teil der Markup und CSS zeigen. Es könnte eine Reihe von Gründen, warum Sie kein Resize bekommen. Normal DIV Verhalten ist, fehlt jede Breiteneinstellung, horizontal zu erweitern die übergeordneten Container zu füllen. Also entweder Ihre div durch ein übergeordnetes Element oder etwas anderes seltsam gezwungen wird vor sich geht.

Es könnte auch so geschehen, dass die div expandiert aber ihr sichtbarer Inhalt ist nicht, wenn Ihr Objekt Street View ist, was Sie zu erweitern erwarten aber nicht.

Andere Tipps

Die folgenden funktioniert für mich. Sie müssen jQuery-UI umfassen. 

$("#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');
});

Ich denke, seine reine Javascript ab v3 des api.

Das half mir: https://developers.google.com/maps/documentation/javascript/reference#StreetViewPanorama

Resize Keine Entwickler dieses Ereignis auf das Panorama auslösen soll, wenn seine div Größe ändert. Google.maps.event.trigger (Panorama, 'Resize')

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top