How to navigate/ move userscreen over the map??

THE USER SCREEN SHOWS ONLY A PART OF THE THE MAP. THE IDEA IS THAT YOU CAN FLY OVER THE MAP LIKE A SIMCITY GAME. THE BUILDINGS ARE BUTTONS ON WHICH YOU CAN CLICK WHEN YOU WANT TO LOOK AT THEM.
THE START POSITION OF THE USERSCREEN SHOULD BE POSITIONED IN MIDDLE OF THE BOTTOM. WHEN GO OVER THE GRAY AREA’S THE FRAME SHOULD MOVE IN THAT DIRECTION!

This is the concept for the second screen. Mainly it's a pop-up screen which shows the content of the buttons/ projects. The window doesn't cover the hole screen and is a bit translucent. The background will soften when you enter a second screen. The second screen must be a form of filmstrip which can be easy controlled. Also there has to be space to view some accompanying texts. Maybe the coverflow is to 'flashy'. Maybe it should be a bit simpler

City map concept

The homepage in the current stadium of design. This picture is infact an A1-format. The startscreen will be placed bottom centered. The capture of the map is depending on size of the screen of the user. On the four sites there will be arrows. You can also navigate by panning. The production is still in fixed. Soon i want to import the ai-files in flash. And than the mission will realy start...

Thanks for all the reactions and links, it realy helped me to form and finetune my ideas.

concept homepage

Personal simcity with own designs and designs I work on at offices, coded light-gray. The designs are buttons two a second screen with a film strip of pictures applied by short explanations. The concept for this second screen will be published soon.

I need some tips for drawing in illustrator [like how to draw broken or dotted lines??]
Or an adres where I can find this info, so when anyone has a tip...

workshop result

portfolio analyses