From a very high-level, a solution could be:
- Start with a Canvas control for your map. We want this because a Canvas supports absolute positioning.
- Set the map image to be the Canvas background: canvas.setStyle( "backgroundImage", urlToImage );
- Use a Canvas for each clickable map city using cooridates (x,y) for absolute positioning over each city.
- Set the data of each canvas-city to be the city name or some other identifier.
- When you click on a canvas set an application variable of the city name/identifier using a "click" event listener.
- Bind the right panel's display to the "current city" application variable.
Is that what you were looking for?
Thanks Ben, that helped.
I gave up the idea of using an HDividedBox tag because if i resize the panel to the left or to the right, then the canvas of the cities are all displaced.
Anyways, i am a beginner, it is a bit tricky to make things interact.
Thanks again for your quick answer, that helped.
I am using a border container to provide a background image for my application. And I need to make certain parts of this image clickable. Does your solution hold true for this case too ? I am fairly new to Flex, so any help would be great!