调整大小街道视图对象

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

题

您好StackOverflow'ers，结果 我在页面，并显示您在谷歌街景位置的底部（柔性）的应用程序是，在点击按钮，调整一个div（在JavaScript）在里面。

在事情是，如果我在宽度的80％打开浏览器，点击按钮，然后将窗口最大化，在div不会采取宽度的100％。我有一个功能，他被称为“在onResize”页面的body标签，但它似乎并不工作。下面是代码：

...

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

...

<body onResize="handleResize()">

我如何能实现街景的自动调整大小？必须有该对象，这样我们可以通过JavaScript的得到它特定的ID，但我还没有找到它。

由于

有帮助吗？

解决方案

你将不得不表现出一定的标记和CSS的。可能有许多原因，为什么你没有得到调整大小。正常DIV行为是，不存在任何宽度设置，在水平方向扩展以填充父容器。因此，无论你的div是由父元素或别的东西，奇怪的限制是怎么回事。

它也使发生在div正在扩大，但其内容可见不是，如果你的街景的对象是你希望扩大什么，但没有。

其他提示

以下为我工作。您需要包括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');
});

我认为它的纯JavaScript作为API的V3的。

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

调整大小没有开发人员应该在全景触发该事件时，其改变的div大小：google.maps.event.trigger（全景，“调整大小”）

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top