How to implement google-maps-like zoom-and-pan system in web?

Question

Hello, I'm writing a ticket-shop-system atm for reserving tickets for various concerts. What I have is a php-backend and a webpage that shows a .swf with some actionsscript-3 code in it, to draw in flash some sort of map and make available seats clickable for the end-user. The problem with this solution is, that there are quite large halls and just making the seats smaller isn't the right solution.

My next idea was to make a google-maps-like interface, so that users can pan and zoom and things like that. But I can't find any information about doing something like this, whether it'll be flash or javascript or something else...

I would appreciate any information regarding this topic!

Thanks in advance!

Answer 1

Google maps allows you to use their system and provide your own custom map too, so you can overlay your seating chart and nothing else. You can read the documentation here.

Answer 2

There's a sample pan-zoom flex application you might find helpful:

Source Code for Pan-Zoom Flex Map.

Hope that's helpful.

Answer 3

Take a look at Seadragon (http://seadragon.com). Might be an interesting way to expose the functionality.