Image Zoom with click mapping

[t0th]

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.

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

[mitchellsimoens]

Have you looked at what the eventt object has?