Google Maps not showing in iPhone and iPad, working only in desktop

[jayantpaliwal]

Hello Everybody,

I am usign sencha Touch 2 and want to show simple Map using current location option to true. This code works fine in desktop browser but not in iPhone and iPad. I have iPhone 4S with iOS 6
It display just a blank space when I check it in iPhone and iPad. Here is my code:

  {               xtype: 'map',
               useCurrentLocation: true,
               layout: 'card',
               title: 'Map',
               iconCls: 'categories',
               mapOptions: {
                    disableDefaultUI: true,
                    zoomControl: true,
                    zoom: 10
                   }
                   
            }

Above code only works in iPhone and iPad when I set useCurrentLocation to false. It works fine in desktop browser. Am I missing anything or it is a BUG? Please help me.

Thanks in advance.
Jayant

[mitchellsimoens]

It's working on my iPhone with iOS6 with this code:

Ext.Viewport.add({
    xtype              : 'map',
    useCurrentLocation : true,
    layout             : 'card',
    title              : 'Map',
    iconCls            : 'categories',
    mapOptions         : {
        disableDefaultUI : true,
        zoomControl      : true,
        zoom             : 10
    }
});

Do you get the popup to allow location to be looked up?

[jayantpaliwal]

Yes, now I got the correct solution. Actually there was no issue with code. I am writing below steps to get popup in iPhone and iPad in case we not get it working.

Go to Settings -> General -> Reset -> Reset Location & Privacy

By this we will get the popup of allow/don't allow location. Once we allow, it will display location on map perfectly.

Thanks