Zoom Pan Map Viewer

Zoom Pan Map Viewer

This flash component can be used for viewing high quality large images inside a small area. In order to see the entire image you can zoom in and out, drag the image or the preview stroke around, move the image by using the arrows or reset it's position and size by pressing the reset button in the middle of the navigation arrows.

Using the XML file you can edit the size and colors of some of the elements, as well as the path to the large image and preview thumb.

The image can have any size, and the minimum size will automatically be calculated so that the image is always visible entirely, and the part that remains out of the display area is draggable so that it can also be viewed. The thumbnail needs to be proportionally resized down, and it has to be exactly the same image.

The preview is automatically created, respecting the size of the thumbnail as well as the sizes you specify in the XML file for the border. 

Features:

- panning: draggable image
- panning: draggable preview stroke
- controls: navigation arrows
- controls: reset size and position button
- zooming: zoom in/out buttons
- auto-hide controls

Note: The image used in this file is for display purposes only. It was taken from Google Maps website.

 

Search comments:

Post a comment

---

Please login to join the discussions. Don't have an account? Register (it takes 30 seconds)

There are currently no frequent asked questions. As soon as we receive your feedback, we'll update this section permanently.

There are no video tutorials for this flash component yet.

Zoom Pan Map Viewer - change log

Update 11 June 2010
- we updated the file to the new Flabell structure, replacing Main.as with Sample.as
- we modified the XML file and put the thumb and the image in the FlashVars

There is currently no additional help provided for this flash component.