This duplicates another bug already reported in our system: TOUCH-1391
  1. #1
    Sencha User
    Join Date
    Jun 2011
    Posts
    15
    Vote Rating
    1
    ofueckert is on a distinguished road

      0  

    Default PR3: Google Map does not respond on Map control click events in mobile Browsers

    PR3: Google Map does not respond on Map control click events in mobile Browsers


    Version: PR3

    Code:
    Ext.define('Sensor.view.Map2', {
        extend:'Ext.Map',
        config:{
            title:'Log',
            iconCls:'time'
        }
    });
    
    Ext.define('Sensor.view.Main', {
        extend:'Ext.tab.Panel',
        config: {
            fullscreen:true,
            tabBarPosition:'bottom',
            tabBar:{
                docked: 'bottom',
                layout:{
                    pack:'center'
                }
            },
            items: [
                {
                    xtype:'mapview'
                }
            ]
        }
    });
    Environment:
    Problem verified on iPhone, iPad, and Samsung Nexus (Android) mobile browsers
    Problem does not happen on Desktop Chrome though (as I believe google autoloads modified api for mobile devices)

    Problem:
    Map renders and works fine apart from Google Maps controls (e.g. Map/Satellite) for example are not responding on the click event -> map types not switching in that case. On iPhone nothing happens, on Android, they briefly highlight, but still dont respond properly.

    Seems like the touch event somehow get filtered/interfered with.

    This also happens on google maps embedded manually on a Ext.Panel.

    best regards,

    Oliver.

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,547
    Vote Rating
    872
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    We are currently capturing some touches which we are working to fix. We will still look into this.

    Code:
    Ext.define('Sensor.view.Map2', {
        extend:'Ext.Map',
        xtype : 'mapview',
        config:{
            title:'Log',
            iconCls:'time',
            mapOptions : {
                panControl : true
            }
        }
    });
    
    Ext.define('Sensor.view.Main', {
        extend:'Ext.tab.Panel',
        config: {
            fullscreen:true,
            tabBarPosition:'bottom',
            tabBar:{
                docked: 'bottom',
                layout:{
                    pack:'center'
                }
            },
            items: [
                {
                    xtype:'mapview'
                }
            ]
        }
    });
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    18
    Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough

      0  

    Default


    Duplicated many times now workaround in the following thread:

    http://www.sencha.com/forum/showthre...highlight=zoom

    We do plan on changing these defaults in the next release.

    Sencha Inc

    Jamie Avins

    @jamieavins

  4. #4
    Sencha User
    Join Date
    Jun 2011
    Posts
    15
    Vote Rating
    1
    ofueckert is on a distinguished road

      0  

    Default


    Thanks for the pointers. The old thread somehow slipped through my searches.

    In case somebody stumbles on this thread, preventZooming:false in the Viewport config makes it work.

    Code:
        viewport:{
            ...
            preventZooming:false
            ...
        },

Thread Participants: 2

Tags for this Thread