Question

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

事情是，如果我以80％的宽度打开浏览器，单击按钮然后最大化窗口，div将不会占用100％的宽度。我有一个函数，他在页面的body标签上被称为'onResize'，但它似乎不起作用。这是代码：

...

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

...

<body onResize="handleResize()">

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

由于

Answer 1

以下适用于我。您需要包含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');
});

Answer 2

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

如果您的StreetView对象是您希望扩展但不会扩展，那么也可能发生div正在扩展但其可见内容不会扩展。

Answer 3

我认为它是api v3的纯Javascript。

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

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

调整街景视图对象的大小

3 个答案: