PDA

View Full Version : Zooming the map image



bforbhavin
5 Apr 2013, 5:21 AM
I am trying to implement Zoom feature on the map. I need to use 'crosshair' cursor. When I drag the cursor over the image, it should draw the rectangle on the mousedown event. When I release the mouse button, it will complete the rectangle and fire server side event to rebuild the map image. Is there any such example available? Or any suggestions?

slemmon
7 Apr 2013, 9:10 PM
You might take a look at the DragTracker (http://docs.sencha.com/ext-js/4-2/#!/api/Ext.dd.DragTracker) class that will track the mousedown/move/up actions on an element.

Here's an example where the DragTracker is used to great effect:
http://docs.sencha.com/ext-js/4-2/extjs-build/examples/view/data-view.html
*drag from the white space in the view