Grey box?

[DRS-Travis]

Hi,

Im sort of new to the integration of Google maps and im trying out the
new V3 on my site, everything loads fine with no JS problems, however
I get a grey box. You can see this at http://www.warnesprojects.co.uk/contact-us.asp
- Clearly im missing something, however I have looked over the example
code many times and cannot see where I am at fault.

Any ideas?

Note: The buttons and Google logo load with no problem.

[Brian Casey]

I think the declaration of the map variable has to be outside of the
initialize function:

<script ..>
var map;
function initialize {
...
map = new google.maps.Map(..);
}
</script>

--
Brian Casey
b...@goption.com

[Marc]

The problem is caused by the screen.css file:
div: { overflow: hidden; }

[DRS-Travis]

Marc,

I managed to figure that out, many thanks for your reply though!

[justingarrett]

On Sep 30, 7:54 am, DRS-Travis <t.hay...@drsolutions.co.uk> wrote:
> Hi,
>
> Im sort of new to the integration of Google maps and im trying out the
> new V3 on my site, everything loads fine with no JS problems, however

> I get agreybox. You can see this athttp://www.warnesprojects.co.uk/contact-us.asp

> - Clearly im missing something, however I have looked over the example
> code many times and cannot see where I am at fault.
>
> Any ideas?
>
> Note: The buttons and Google logo load with no problem.

Hi guys,

I have been trying to implement the new V3 API into my existing
website and I am seeing the same problem as DRS-Travis. I have double
checked that the div or parent divs do not have overflow: hidden and
it does not appear that they do.

Any other ideas please?

Thanks!

You can see a live version of the site here:

http://www.candyspacemedia.com/mapsapiv3/

[arclyte]

I'm not getting a map at all at that page. Looks like it's forwarding
to the home page... wrong url?


On Nov 23, 10:40 am, justingarrett <justin.garr...@candyspace.tv>
wrote:

[justing]

Hi arclyte,

Yes sorry, I omitted to include that you will need to browse to the
"contact page" as I cannot deeplink directly to it unfortunately.

Thanks!

[justing]

Sorry guys,

I just realised that I am not actually getting anything appearing at
all from the maps API - no grey box, no buttons... nothing :(

I am going to try and post a new thread but this did not seem to work
last time I tried but if anyone has any ideas in the mean time that
would be great!

Many thanks!

[Susannah (Google Employee)]

Hi Justin,

You need to give your map_canvas div a size.

The tutorial (http://code.google.com/apis/maps/documentation/v3/
introduction.html) states:
Note that the map will always take its size from that of its
containing element, so you must always set a size on that <div>
explicitly.

-Susannah

[justing]

Hi Susannah,

Thanks for pointing out that obvious mistake!! That is now resolved
thank you but I am still only seeing just the grey box and buttons.

Sorry guys, any other ideas?

Justin

On Nov 25, 10:26 pm, "Susannah (Google Employee)"

<susann...@google.com> wrote:
> Hi Justin,
>
> You need to give your map_canvas div a size.
>
> The tutorial (http://code.google.com/apis/maps/documentation/v3/
> introduction.html) states:

> Note that themapwill always take its size from that of its

[Susannah (Google Employee)]

Please include a link to your site.

Thanks,
Susannah

[Esa]

On Nov 23, 5:40 pm, justingarrett <justin.garr...@candyspace.tv>
wrote:

> I have double
> checked that the div or parent divs do not have overflow: hidden and
> it does not appear that they do.
>

But the parent div has display:none

<div id="contact" style="display:none; width:525px;">

That makes the size of the map_canvas div to be zero at the moment of
map initialization. API reads the map div size after initialization
only when you trigger 'resize' event

google.maps.event.trigger(map, 'resize')

[Esa]

On Nov 26, 12:26 am, "Susannah (Google Employee)"

<susann...@google.com> wrote:

> The tutorial (http://code.google.com/apis/maps/documentation/v3/
> introduction.html) states:
> Note that the map will always take its size from that of its
> containing element, so you must always set a size on that <div>
> explicitly.

But actually there is undocumented 'size' option in MapOptions.
Documenting that would solve troubles like this.

http://code.google.com/p/gmaps-api-issues/issues/detail?id=1997