1. #1
    Sencha User
    Join Date
    Aug 2009
    Posts
    1
    Vote Rating
    0
    t0th is on a distinguished road

      0  

    Default Unanswered: Image Zoom with click mapping

    Unanswered: Image Zoom with click mapping


    Hi,

    i try create application with an image of park. I need can do zoom and when click show a overlayer with a description.
    In browser i can get the X and Y of tap but when i try get X,Y on browser of my Android, it show me a error X,Y.

    1 - How i can do a zoom in / zoom out in image?

    2 - How i can do the X and Y coordenate of tap on modile browser?
    Here is my code to get coordenate X,Y from image.
    Code:
    items: {
    				flex: 1,
    				title: 'Mapa do Parque',
    		        xtype     : 'image',
    		        src       : 'resources/images/mapa.jpg',
    		        style : 'margin-left: auto; margin-right: auto; display:block',
    
    
    		        listeners : {
    		            tap : function (eventt, node, options, eOpts) {
    			            var x = node.event.layerX; 
    			        	var y = node.event.layerY;
    						console.log('X: ' + x );
    						console.log('Y: ' + y);
    
    
    							var popup = Ext.create('Ext.Panel', {
    				                    modal      : true,
    				                    centered   : true,
    				                    width      : 400,
    				                    height     : 300,
    				                    layout     : 'fit',
    				                    scrollable : true,
    				                    html: x+' -- '+ y,
    				                    hideOnMaskTap: true
    				                });
    				                Ext.Viewport.add(popup);
    				                popup.show();
    						
    						
    
    
    							
    					
    			        }
    		        },
    		        width    : 841,
    		        height     : 573
       	 }
    this code works in browser on pc, but not work in mobile browser.

    Anybody can help me?
    thanks

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


    Have you looked at what the eventt object has?
    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.

Thread Participants: 1