Blank frame for jQuery Mobile Google Maps

I am integrating Google Maps with jQuery Mobile and .NET. I am following the Google Code (example 4) documentation here: http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-mobile-example.html#jquery-mobile-example-4.html

I've been careful in transferring the code, but I keep receiving a blank frame. The map doesn't show up in the frame.

Anyone else run i开发者_C百科nto this problem? Any recommendations on additional documentation, tutorials, videos, and reading?

I greatly appreciate anyone's time and help, thank you.

---

I think your problem is outlined here : http://www.smashinglabs.pl/gmap/examples

If, for any reason, any dimension of div will be equal 0 during loading process, maps will stop working correctly. It is quite common issue while loading tabs, accordions, etc.

He goes on to outline specific problem resolutions. Some of them:

• Try calling the 'refresh' function manually google.maps.event.trigger($('#map').data('gmap').gmap, 'resize');
• If your #map container doesn't have a set size, it will default to 0x0 by normal HTML/CSS standards. Try setting a size manually, say 300x300
• etc...

---

It might be the google loader api key? (If you copy paste). Get any JS errors? As Phill said, post some code and we'll be able to help you better.

---

If you are using jquery.ui.maps thats the wrong syntax. From what i can tell you are using another plugin.

---

Thank you for your time and help. After more research and additional help from others, I was able to find a Google Maps solution to get me moving more quickly. A great conversation that outlines resources I studied, used, and highlighted can be found in this google groups discussion.