1. #1
    Sencha User
    Join Date
    May 2012
    Posts
    3
    Vote Rating
    1
    ivo.centric is an unknown quantity at this point

      1  

    Default Unanswered: How to get google.maps.places.Autocomplete working on iOS?

    Unanswered: How to get google.maps.places.Autocomplete working on iOS?


    We want to use the google.maps.places.Autocomplete functionality in a Sencha app. It's working on Chrome/PC and Safari/OSX. But on a iOS (tested v5.1) it is not working properly: if you type something in the box and taps on one of the suggestions in the suggestion box (generated by google) then the selected suggestion is not taken: the suggestionbox disappear and nothing happens. It looks like some blur/focus event of Sencha is fired before google can/will handle the touchstart (?) event. To reproduce we have created the folowing testcode (removed Sencha text field and Map and uses plain input box but placed in a Sencha container):

    app.js:
    Code:
    Ext.Loader.setConfig({
        enabled: true
    });
    Ext.application({
        views: [
            'MyContainer'
        ],
        name: 'GMap',
        launch: function() {
            Ext.create('GMap.view.MyContainer', {fullscreen: true});
        }
    });
    app/view/MyContainer.js
    Code:
    Ext.define('GMap.view.MyContainer', {
        extend: 'Ext.Container',
        alias: 'widget.myContainer',
    
    
        config: {
            html: '<div> <input id="searchTextField" type="text" size="50"> </div>',
            listeners: [
                {
                    fn: 'onContainerInitialize',
                    event: 'initialize'
                }
            ]
        },
    
    
        onContainerInitialize: function(component, options) {
    
            var input = document.getElementById('searchTextField');
            var autocomplete = new google.maps.places.Autocomplete(input);
        }
    });
    If you use this without Sencha it works.

    Does anyone know how to make this work on iOS? Any suggestion where to look ?

  2. #2
    Sencha User
    Join Date
    Jan 2011
    Posts
    28
    Vote Rating
    0
    Null can only hope to improve

      0  

    Default did you find a solution to this?

    did you find a solution to this?


    I'm banging my head against the wall with this one as well, have you managed to get anywhere?

  3. #3
    Sencha User
    Join Date
    Jan 2011
    Posts
    28
    Vote Rating
    0
    Null can only hope to improve

      0  

    Default


    Has anyone else experienced this?

  4. #4
    Sencha User
    Join Date
    May 2012
    Posts
    3
    Vote Rating
    1
    ivo.centric is an unknown quantity at this point

      0  

    Default


    Quote Originally Posted by Null View Post
    I'm banging my head against the wall with this one as well, have you managed to get anywhere?
    still no success

  5. #5
    Sencha User
    Join Date
    Jan 2011
    Posts
    28
    Vote Rating
    0
    Null can only hope to improve

      0  

    Default


    How are you currently working around it? Or are you not and you're just not allowing the auto address validate?

  6. #6
    Sencha User
    Join Date
    May 2012
    Posts
    3
    Vote Rating
    1
    ivo.centric is an unknown quantity at this point

      0  

    Default


    We postponed it, working on other functionalities. But we have to pick it up again in the near future and see if we can solve it or working around it......

  7. #7
    Sencha User
    Join Date
    Jan 2011
    Posts
    28
    Vote Rating
    0
    Null can only hope to improve

      0  

    Default


    I'd be very interested to hear where you end up with this, I'm currently contemplating writing my own textbox/selectbox that places requests manually on keyup (basically re-inventing the wheel) which is bound to be less efficient and clunky

  8. #8
    Sencha User
    Join Date
    Jan 2011
    Posts
    28
    Vote Rating
    0
    Null can only hope to improve

      0  

    Default


    anyone else able to shed any light on this?

  9. #9
    Sencha User
    Join Date
    Jun 2012
    Posts
    2
    Vote Rating
    0
    abhisharma2 is on a distinguished road

      0  

    Default Any update

    Any update


    Hey ivo_centric have you guys figured this out yet? we are running into the exact same problem...having to use the search keyword functionality that Google provides, but that is infinitely worse than autocomplete. Its a workaround, but I'd rather not --

  10. #10
    Sencha User
    Join Date
    Feb 2013
    Posts
    2
    Vote Rating
    0
    twostrel is on a distinguished road

      0  

    Default


    You can get Google Places Autocomplete to work with Sencha by setting the viewport's 'autoBlurInput' config value (from viewport/Default.js) to false in your Ext.application() (or Ext.setup()) statement.

    Change viewport/Default.js as below

    Ext.application({
    viewport: {
    autoBlurInput: false
    }
    });


    Note that autoBlurInput is market as private so use at your own risk.

    Quote Originally Posted by ivo.centric View Post
    We want to use the google.maps.places.Autocomplete functionality in a Sencha app. It's working on Chrome/PC and Safari/OSX. But on a iOS (tested v5.1) it is not working properly: if you type something in the box and taps on one of the suggestions in the suggestion box (generated by google) then the selected suggestion is not taken: the suggestionbox disappear and nothing happens. It looks like some blur/focus event of Sencha is fired before google can/will handle the touchstart (?) event. To reproduce we have created the folowing testcode (removed Sencha text field and Map and uses plain input box but placed in a Sencha container):

    app.js:
    Code:
    Ext.Loader.setConfig({
        enabled: true
    });
    Ext.application({
        views: [
            'MyContainer'
        ],
        name: 'GMap',
        launch: function() {
            Ext.create('GMap.view.MyContainer', {fullscreen: true});
        }
    });
    app/view/MyContainer.js
    Code:
    Ext.define('GMap.view.MyContainer', {
        extend: 'Ext.Container',
        alias: 'widget.myContainer',
    
    
        config: {
            html: '<div> <input id="searchTextField" type="text" size="50"> </div>',
            listeners: [
                {
                    fn: 'onContainerInitialize',
                    event: 'initialize'
                }
            ]
        },
    
    
        onContainerInitialize: function(component, options) {
    
            var input = document.getElementById('searchTextField');
            var autocomplete = new google.maps.places.Autocomplete(input);
        }
    });
    If you use this without Sencha it works.

    Does anyone know how to make this work on iOS? Any suggestion where to look ?

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi