iui + google maps

[GoogleCodeExporter]

iui fails to load the google map under the tool bar.I assume this is the
same issue as goggle ads not working with iui but thought I'd post in case
there was an easy fix.

Anyone else come across this ?

Original issue reported on code.google.com by adam.g.b...@gmail.com on 15 Mar 2008 at 5:31

[GoogleCodeExporter]

yes...im having the same issue...does anyone know of a solution to this ?

Original comment by viditpal...@gmail.com on 22 Aug 2008 at 12:21

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

map issue resolved 

<div class="toolbar">
         <h1 id="pageTitle"></h1>
        <a id="backButton" class="button" href="#"></a>
        <a class="button" href="#searchForm">Search</a>
</div>
<div class="panelmap" id="mapdiv">
<div id="map" style="width:320px;height:480px;"></div>
</div>

add this css class

body > .panelmap {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #c8c8c8 url(pinstripes.png);
}

change in iui.js

 showPage: function(page, backwards)
    {
        if (page)
        {
            if (currentDialog)
            {
                currentDialog.removeAttribute("selected");
                currentDialog = null;
            }

            if (hasClass(page, "dialog"))
                showDialog(page);
            else
            {
            if(page.id == 'mapdiv')
            {
             //google map api function to load map   
                 load();    
        }
        var fromPage = currentPage;
                currentPage = page;

                if (fromPage)
                    setTimeout(slidePages, 0, fromPage, page, backwards);
                else
                    updatePage(page, fromPage);
            }
        }
    },

Original comment by mahen1...@gmail.com on 3 Sep 2009 at 9:29

[GoogleCodeExporter]

Haven't had a chance to check this, but i wonder if a tweak of mahen's fix 
would also resolve the google 
ads issue?

Original comment by foxbrook...@gmail.com on 23 Nov 2009 at 1:26

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

wow, the bug was reported in 2008 and is still in the current release... :(

Original comment by _v...@vr-web.de on 16 Aug 2012 at 1:23

[GoogleCodeExporter]

I know that many people have made sites with Google Maps and iUI, so I know 
this isn't a huge issue.

Do you have an up-to-date example site that tries to mix iUI and Google Maps 
that exhibits a specific problem?

Original comment by msgilli...@gmail.com on 17 Aug 2012 at 4:39

[GoogleCodeExporter]

i don't have this problem.
This is not related to iUI or Google Map but to CSS. Google Maps renders in a 
div using its box model.
if hidden, this box model is goofy (its width in here) so you have to trigger 
the event resize() of the API on aftertransition to avoid issues.

see: http://www.we-are-gurus.com/labs/iui/ --> Apis / Google Maps

Original comment by remi.gru...@gmail.com on 18 Aug 2012 at 6:50

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

Remi, should we just close this issue?  Or should we add a Google Maps sample 
to http://demo.iui-js.org first?

Original comment by msgilli...@gmail.com on 20 Aug 2012 at 4:15

[GoogleCodeExporter]

We always should add a sample for such overused third party APIs (Google Maps, 
Facebook Connect, Twitter feed, ...)

Remi Grumeau

Original comment by remi.gru...@gmail.com on 20 Aug 2012 at 10:27

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

the we-are-gurus page shows google-maps as library in sandbox folder but on 
github i dont find a library there :-(

Original comment by nietz...@gmail.com on 3 Nov 2012 at 11:00

[GoogleCodeExporter]

Feel free to download it from
http://we-are-gurus.com/labs/iui/iui/ext-sandbox/google-maps/

Remi

Original comment by remi.gru...@gmail.com on 4 Nov 2012 at 12:38