Copy code

Permalink

Please tell us why you want to mark the subject as inappropriate. (Maximum 200 characters)

Private Message

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

Feedback

Email ID

Subject :

Comments :

Private Message

Type the characters you see in the picture below.

Attach files

Desktop Zoho Docs Google Docs

Each Attachment size should not exceed 1MB. Max no of attachments : 3

Loading User Profile...

guest

Response title

This is preview!

Attachments

()

New to this Portal? Click here to Sign up

You can also use the below options to login

jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate

All Forums
Recent Posts
Log In

Search jQuery

jQuery Forum

Move this topic

Forum :

Sub forum :

jQuery Mobile

gogofi

google maps not full screen after upgrade to jquerymobile 1.2

in jQuery Mobile • 5 months ago

Hello,
i have a basic google maps example for jquerymobile 1.0.1 . when i want to upgrade it to 1.2.0, map isn't full screen in frame, only a part of it is shown on top-left corner of frame

Internet is full of example with jquerymobile and google maps. after upgrade to jqm 1.2.0 maps have this problem and not much source on this topic.

Can you help me to solve this issue?

http://jsfiddle.net/jCemG/4/

Replies(3)

watusiware

Re: google maps not full screen after upgrade to jquerymobile 1.2

5 months ago

width: 100% CSS needed on canvas element.

https://forum.jquery.com/topic/jquery-mobile-dialog-and-google-map-problem

Re: google maps not full screen after upgrade to jquerymobile 1.2

5 months ago

Hi Watusiware,

thank you for your reply but it doesn't work:(

There is only an option, i will try jquery.ui.maps.

This problem occurs with jquerymobile 1.2 but on net nobody was disturbed, nobody mention about this. maybe my example has problems. Can you check jsfiddle link

Re: google maps not full screen after upgrade to jquerymobile 1.2

5 months ago

i solved when i used jquery.ui.maps. And it is important not to use width:100% in canvas style. instead of resize canvas on pagebeforeshow event

Thank you

$('#map').live('pagebeforeshow',function(e,data){ $('#map_canvas').height($(window).height() - (10 + $('[data-role=header]').height() - $('[data-role=footer]').height())); });

</div>

Statistics

3 Replies
308 Views
0 Followers

Actions

Permalink

Event after transition
Adsense and Jquery Mobile working
How to make content fit to iPhone w...
Whick validation to use on jquerymo...
Binding events to buttons in a dial...

Response title

Attachments

jQuery Forum

google maps not full screen after upgrade to jquerymobile 1.2

Replies(3)

Re: google maps not full screen after upgrade to jquerymobile 1.2

Re: google maps not full screen after upgrade to jquerymobile 1.2

Re: google maps not full screen after upgrade to jquerymobile 1.2

Statistics

Tags

Actions

Related Posts