Well, this was a pain, because the real time smooth zooming and pamming integrated with the callout point transformation were too heavy. It would eat up to 40mb, which made the app freeze.
So, I removed the smooth zoom and pan and the callouts are repositioned only when you stop panning (i.e. you drop) the figure/map.
It’s a cool/ok app, I think. If I load a gif and place some 5 callouts, it will consume only 15/18 Mb of my memory. These are some tradebacks I had to make.
Of course you could try to implement those nice features. If you ever manage to do it, please let me know :0)
Please, be aware that I used Cairgorm.
Check out the app here (view source enabled).




September 22nd, 2008 at 9:47 am
Hi.
Was googling for a pan/zoom Flex component and saw your example with Callout integration.
Is this made upon the Adobe pan|Zoom component.??
Anyhows – love your solution, very nice indeed
September 22nd, 2008 at 9:55 am
Hi, Mark.
Im glad you enjoyed it :0)
Answering your quetiosn: yes, it was. Right now Im quite unhappy about this implementation, because it doesnt uses the Matrix approch for transformations…
The pan|zoom is modified as it receives any UIComponent and has that tinny navigator…
Not very scalable yet… It needs re-writing, which Ill be doing on vacations
October 20th, 2010 at 2:04 am
I love this component but I can’t get it to work correctly in Flash Builder.
October 20th, 2010 at 1:01 pm
Thanks for the feedback, Bryant, but I dont it will, beacuse it was build for F3…
January 3rd, 2011 at 4:49 am
Hi… Nice solution… I was trying to convert FIG pan/zoom component to work for containers…but was struggling…happy to see your component….i would try to use it for my app…could you please let me know if you have done any improvements for this component? you were mentioning that you were planning to work on it…thats why i am asking..
Thanks
January 3rd, 2011 at 9:20 am
also please give me a link from where i can get Cairgorm.swc..
January 3rd, 2011 at 11:14 am
Hi, Sri. Thank you for your comments.
I have done no improvements on this component. You will find, inside the projetc folder and inside the code, references of things I think should be improved (and suggestions). I dont really plan to work on it again, unless I need to use it on another project.
Doing it with Cairngorm was not a “correct” design choice, as it severely restrict its use, but thta was the framework I were using back then. Anyways, this decision can be justified, unless apealing to my lack of knowledge at that time.
You can find cairngorm.swc at Adobe Open Source: http://opensource.adobe.com/wiki/display/cairngorm/Cairngorm
January 3rd, 2011 at 3:23 pm
Hi,
Thanks alot for the quick response. But there are several libraries available on this site: http://opensource.adobe.com/wiki/display/cairngorm/Cairngorm+Libraries. Could you please tell me the one which i need for using your code?? Is it Observer Library?
Please excuse me as i do not have knowledge about Cairngorm framework. I have seen your code. From what i understood is Cairngorm is used to structure the code in a MVC pattern. But theres nothing else done by Cairngorm Library for this pan/zoom functionality. Am i correct?
Thanks once again and Wish you a Very Happy New Year!
January 3rd, 2011 at 3:27 pm
Ops, I gave you a link to C3. Go here, and download the binaries of c2.2: http://opensource.adobe.com/wiki/display/cairngorm/Downloads
And yes, it is used only to build the mvc classes.
Thanks and happy new year for you too