1. #1
    Sencha User
    Join Date
    Dec 2011
    Posts
    2
    Vote Rating
    0
    easwaramoorthy is on a distinguished road

      0  

    Exclamation Unanswered: How to use Map as a part of the page in Sencha touch framework?

    Unanswered: How to use Map as a part of the page in Sencha touch framework?


    I am using the Sencha Touch framework for the development of my iPad application.
    I am in need of using Map as a part of the screen(say half a page). When I try to do put a map component into my page, its covering the full page overlapping the previous components.
    Please share your suggestions.
    Thanks in advance,
    Easwar

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,327
    Answers
    3540
    Vote Rating
    849
    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


    Sencha Touch 1 or Sencha Touch 2?
    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
    Join Date
    Dec 2011
    Posts
    2
    Vote Rating
    0
    easwaramoorthy is on a distinguished road

      0  

    Default Need more info

    Need more info


    Hi, Thanks for your reply. I am doing with sencha touch 1. Actually can you say how to place a map on the page, as a part of it.

  4. #4
    Sencha User
    Join Date
    Feb 2011
    Posts
    111
    Answers
    5
    Vote Rating
    0
    sissonb is on a distinguished road

      0  

    Default


    My guess is that you have the fullscreen property attached to the map component.

    Here is a simple example that shows 2 maps each taking up 50% of the container.

    Code:
    Ext.setup({
                onReady: function() {
                    new Ext.Panel({
                        layout:'hbox',
                        fullscreen:true,
                        items:[
                            {
                                xtype:'map',
                                flex:1
                            },
                            {
                                xtype:'map',
                                flex:1
                            }
                        ]
                    });
                }
            });
    change hbox to vbox if you want to stack the components.

Thread Participants: 2

Tags for this Thread