Forum | Appery.io

I created a test mobile app with just googlemaps. You can test it at x.vu/testgoogle

if I open it in a browser on an iPhone, it looks great. If I open it on a Android tablet, it scales well on width but not on height. If I keep the tablet in portrait the map barely cover half of the screen.

Thanks for your help!

Hi Ferrari

I don't know if you looked here.

https://developers.google.com/maps/do...

this may be some help to you

Would it be possible for you to share the app link with us (Test, check Public)?

I added a href="mailto:max@exadel.com" rel="nofollow"max@exadel.com/a to my project.

In any event you can just re-create it in 1 minute: just create a new blank mobile app, drag&drop googlemaps, size googlemaps to cover the whole mobile screen (stop as soon as the mobile screen increases in height) and export/test.

OK, we'll try to recreate. If you want to share, please share the app with a href="mailto:support@tiggzi.com" rel="nofollow"support@tiggzi.com/a

shared with a href="mailto:support@tiggzi.com" rel="nofollow"support@tiggzi.com/a. Thanks!

Map is scaled by container width but not on height. You need to change screen size to 1024x768 and change map dimension for it to be shown correctly on tablet.

I had the same problem, did this;
code
// googleMap default height: 220px, width: auto
var viewport_height = $(window).height();
if (viewport_height > 500) {
$('div[dsid="googleMap"]').height('440px');
}
/code

Hello Tom,

If you want to scale to full size you can use this approach https://getsatisfaction.com/apperyio/...

ok.
I only needed to change the map height on iphone = 220px, on Ipad = 440px.
And it is working smooth the approach I posted above.