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.