0

你好 StackOverflow'ers，
我有一个（flex）应用程序，点击一个按钮，在页面底部调整一个 div（在 javascript 中），并在其中显示你在谷歌街景中的位置。

问题是，如果我以 80% 的宽度打开浏览器，单击按钮然后最大化窗口，则 div 不会占用 100% 的宽度。我有一个功能，他在页面的主体标签上被称为“onResize”，但它似乎不起作用。这是代码：

...

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

...

<body onResize="handleResize()">

如何实现街景的自动调整大小？该对象必须有一个特定的 id，以便我们可以通过 javascript 获取它，但我还没有找到它。

谢谢

4

3 回答 3

3

以下对我有用。您需要包含 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');
});
于 2014-09-22T11:44:40.937 回答
0

我认为它是从 api 的 v3 开始的纯 Javascript。

这对我有帮助： https ://developers.google.com/maps/documentation/javascript/reference#StreetViewPanorama

调整大小 无 当 div 更改大小时，开发人员应在全景图上触发此事件：google.maps.event.trigger(panorama, 'resize')。

于 2013-12-11T15:17:25.673 回答
0

您将不得不展示一些标记和 CSS。没有调整大小的原因可能有很多。正常的 DIV 行为是在没有任何宽度设置的情况下水平扩展以填充父容器。因此，要么您的 div 受到父元素的约束，要么正在发生其他奇怪的事情。

如果您的 StreetView 对象是您希望扩展但没有扩展的对象，则也可能发生 div 正在扩展但其可见内容未扩展的情况。

于 2010-03-04T13:34:15.600 回答