代码之家  ›  专栏  ›  技术社区  ›  ALOToverflow

调整街景对象的大小

  •  0
  • ALOToverflow  · 技术社区  · 15 年前

    大家好,我的朋友们,

    问题是,如果我打开80%宽度的浏览器,点击按钮,然后最大化窗口,div不会占用100%的宽度。我有一个函数,他在页面的body标签上被称为“onResize”,但它似乎不起作用。代码如下:

    ...
    
    function handleResize()
    {
     document.getElementById('streetviewDiv').style.width='100%';
    }
    
    ...
    
    <body onResize="handleResize()">
    

    谢谢

    3 回复  |  直到 15 年前
        1
  •  0
  •   Robusto    15 年前

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

    如果StreetView对象是您希望扩展但没有扩展的对象,则div正在扩展但其可见内容不是。

        2
  •  3
  •   paulo62    10 年前

    $("#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');
    });
    
        3
  •  0
  •   blomster    11 年前

    我认为在api的v3中它是纯Javascript。

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

    resize None当panorama的div改变大小时,开发者应该在panorama上触发这个事件:google.maps.event.trigger(panorama,'resize')。