Google Maps going blank or not quite right...

[Maria Gosur]

Hi everyone,

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. I receive the same
blank frame if I try the Map with Directions.

Anyone else run into this problem? Any recommendations on additional
documentation, tutorials, videos, and reading?

I got the Basic Map to show up (Example 2:
http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-mobile-example.html#jquery-mobile-example-2.html),
and this is exciting. However, what I too notice is that I am limited
to making the map a constrained width and height. It doesn't span the
size of the screen, which of course looks silly on devices like the
iPad. In addition, my latitude and longitude numbers are off, and I'm
confused about how else to find this data other than the source code
provided by linking a Google map to a basic web page.

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

Maria

[Johan Säll Larsson]

"I've been careful in transferring the code, but I keep receiving a
blank frame. The map doesn't show up in the frame. I receive the same
blank frame if I try the Map with Directions. "

Are you using google loader? If so it might be a api key issue? Do you
get any javascript errors? If you could send me the code it would be
much easier to spot the issue. Paste it here or email me the code.

" However, what I too notice is that I am limited
to making the map a constrained width and height. It doesn't span the
size of the screen"

Use height:100% in the CSS. see
http://groups.google.com/group/jquery-ui-map-discuss/browse_thread/thread/b73c6c3be33deecc.

"Any recommendations on additional
documentation, tutorials, videos, and reading? "

http://groups.google.com/group/jquery-ui-map-discuss/browse_thread/thread/8bf3f150da23ab6d#
http://code.google.com/p/jquery-ui-map/wiki/Overview
http://code.google.com/p/jquery-ui-map/wiki/Examples

"In addition, my latitude and longitude numbers are off, and I'm
confused about how else to find this data other than the source code
provided by linking a Google map to a basic web page."

How did you find your long lat in the first place? Use the search
method to find lat long. You can alert the result out or console.log()
it out if you are using chrome of ff. Or use eg. http://www.getlatlon.com/.
How are the lat lon off?

/Johan

On May 11, 9:41 pm, Maria Gosur <mgo...@gmail.com> wrote:
> Hi everyone,
>
> 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-exa...

>
> I've been careful in transferring the code, but I keep receiving a
> blank frame. The map doesn't show up in the frame. I receive the same
> blank frame if I try the Map with Directions.
>
> Anyone else run into this problem? Any recommendations on additional
> documentation, tutorials, videos, and reading?
>

> I got the Basic Map to show up (Example 2:http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-mobile-exa...),

[Maria Gosur]

Hi Johan,

Thank you SO much for taking the time to help answer my questions! You
have provided excellent and beneficial resources, and it is so
generous of you to help.

The good news is that I did find a solution for my Google Maps
project. I have learned a lot these past few weeks. I was using Google
Maps v2 with API keys, but now I have switched to v3 without keys.
Answers to my questions were found in video clips and slides from
Google Developer Day 2010. In addition, there was documentation I
missed earlier in my research. If you're interested, these resources
can be found below:

http://www.google.com/events/developerday/2010/sao-paulo/sessions/google-geo-new-features.html

http://code.google.com/apis/maps/documentation/javascript/overlays.html

I also corrected my Latitude and Longitude with this web tool:
http://universimmedia.pagesperso-orange.fr/geo/loc.htm

I like the tool you provided better because it has more features, so
thank you.

I'm just currently trying to figure out how to use multiple markers
that popup windows in v3, so I have to do more research on this yet.

I truly appreciate your time and help. :)

Thank you,

Maria



On May 11, 12:08 pm, Johan Säll Larsson <johansalllars...@gmail.com>
wrote:

> "I've been careful in transferring the code, but I keep receiving a
> blank frame. The map doesn't show up in the frame. I receive the same
> blank frame if I try the Map with Directions. "
>
> Are you using google loader? If so it might be a api key issue? Do you
> get any javascript errors? If you could send me the code it would be
> much easier to spot the issue. Paste it here or email me the code.
>
> " However, what I too notice is that I am limited
> to making the map a constrained width and height. It doesn't span the
> size of the screen"

> Use height:100% in the CSS. seehttp://groups.google.com/group/jquery-ui-map-discuss/browse_thread/th....
>
> "Any recommendations on additional
> documentation, tutorials, videos, and reading? "http://groups.google.com/group/jquery-ui-map-discuss/browse_thread/th...http://code.google.com/p/jquery-ui-map/wiki/Overviewhttp://code.google.com/p/jquery-ui-map/wiki/Examples

>
> "In addition, my latitude and longitude numbers are off, and I'm
> confused about how else to find this data other than the source code
> provided by linking a Google map to a basic web page."
>
> How did you find your long lat in the first place? Use the search
> method to find lat long. You can alert the result out or console.log()

> it out if you are using chrome of ff. Or use eg.http://www.getlatlon.com/.

[Johan Säll Larsson]

You're welcome. That's great that you are learning the Google Maps
API! If you are interested in learning more about the jquery google
maps plugin i wrote you can just ask :).

"I'm just currently trying to figure out how to use multiple markers
that popup windows in v3, so I have to do more research on this yet. "

What do you mean with popup windows? Do you mean InfoWindows or
dialogs?

/Johan

On May 18, 7:53 pm, Maria Gosur <mgo...@gmail.com> wrote:
> Hi Johan,
>
> Thank you SO much for taking the time to help answer my questions! You
> have provided excellent and beneficial resources, and it is so
> generous of you to help.
>
> The good news is that I did find a solution for my Google Maps
> project. I have learned a lot these past few weeks. I was using Google
> Maps v2 with API keys, but now I have switched to v3 without keys.
> Answers to my questions were found in video clips and slides from
> Google Developer Day 2010. In addition, there was documentation I
> missed earlier in my research. If you're interested, these resources
> can be found below:
>

> http://www.google.com/events/developerday/2010/sao-paulo/sessions/goo...

>
> http://code.google.com/apis/maps/documentation/javascript/overlays.html
>
> I also corrected my Latitude and Longitude with this web tool:http://universimmedia.pagesperso-orange.fr/geo/loc.htm
>
> I like the tool you provided better because it has more features, so
> thank you.
>
> I'm just currently trying to figure out how to use multiple markers
> that popup windows in v3, so I have to do more research on this yet.
>
> I truly appreciate your time and help. :)
>
> Thank you,
>
> Maria
>
> On May 11, 12:08 pm, Johan Säll Larsson <johansalllars...@gmail.com>
> wrote:
>
>
>
>
>
>
>
> > "I've been careful in transferring the code, but I keep receiving a
> > blank frame. The map doesn't show up in the frame. I receive the same
> > blank frame if I try the Map with Directions. "
>
> > Are you using google loader? If so it might be a api key issue? Do you
> > get any javascript errors? If you could send me the code it would be
> > much easier to spot the issue. Paste it here or email me the code.
>
> > " However, what I too notice is that I am limited
> > to making the map a constrained width and height. It doesn't span the
> > size of the screen"
> > Use height:100% in the CSS. seehttp://groups.google.com/group/jquery-ui-map-discuss/browse_thread/th....
>
> > "Any recommendations on additional
> > documentation, tutorials, videos, and reading? "http://groups.google.com/group/jquery-ui-map-discuss/browse_thread/th...
>