Hi Jean-Luc,

Today Jean-Luc MAGNAN wrote:

>
> Hi all,
>
> I try to use google map with resizeable window. But, if I don't
> introduced delay before to trigger map event "resize", it does
> not work well. You can show it here or here, and the code is
> here. (Maximize and resize windows)

have you tried flushing the html queue before sending the resize
event ?


   var myOptions = {
        zoom      : 15,
        mapTypeId : google.maps.MapTypeId.SATELLITE
    };

    var mapWidget = new qx.ui.core.Widget();

    mapWidget.addListenerOnce('appear', function() {
        var el = mapWidget.getContentElement().getDomElement();
        var map = new google.maps.Map(el, myOptions);
        mapWidget.addListener('resize', function() {
            /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
            qx.html.Element.flush();
             /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
           google.maps.event.trigger(map, 'resize');
        },
        this);
    },
    this);

cheers
tobi

>
> Is there an other way ?
>
> thank,
>
> Jean-Luc
>
> PS: take a look in the demo showcase, heigth of map is not well
> defined (at bottom). It's more visible if contentPadding is
> greater than 0.
>

-- 
Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
http://it.oetiker.ch [email protected] ++41 62 775 9902 / sb: -9900

------------------------------------------------------------------------------
Beautiful is writing same markup. Internet Explorer 9 supports
standards for HTML5, CSS3, SVG 1.1,  ECMAScript5, and DOM L2 & L3.
Spend less time writing and  rewriting code and more time creating great
experiences on the web. Be a part of the beta today.
http://p.sf.net/sfu/beautyoftheweb
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Reply via email to