Image map in Flex - apache-flex

Anyone have an example of doing something like an image map in Flex? I'm not sure if that is the correct term, since I also want to do things like highlight the selected part of the image or show a popup bubble pointing to it. Any ideas?

Check this out: flexlib > ImageMap

Related

Leaflet Legend toggle

I'm trying to create a legend which should work like on this site but I can't get it to work...
(press the 'i' button)
http://mtbmap.no/#6/63.400/10.390
I tried popup with easy button plugin but it shows up on the middle of the screen. I would like to have toggle like on mtbmap.
Here's my working site
http://pomorskieszlaki.pl/index.html#9/54.2516/18.3774/osm-rowerowe-piesze-ddr
Any chance to point me the right way?
Thanks a lot. I'm still a newbie with JS...
If you are still looking to add this feature to your map, there is a way.
You can use makeIcon( with your attributes) to embed, size and attach a graphic icon, you can also set the distance away from the icon that this popu opens up.
Then you can addPopup(with your attributes) to add a popUp box to that icon which is editable as any other popup would be.

How to create a grid style homepage for website?

can anyone tell me how to do like a grid layout homepage please?[how to code it or where to find this information.
the squares should respond/change colour or image when the mouse hovers over to show they can be clicked. i'd like to be able to have different sized and shaped squares too.
cheers
pic related
enter image description here
You can use boostrap ui components
E.g.
http://www.bootply.com/70929

Changing the colour/transparency of a div on rollover or using an imagemap

I have a map which is one image. I need to have five hit areas on that image and when you rollover one of those areas, that div / part of the image / imagemap needs to go grey.
I don't want to use multiple images - I want to keep the map as one image.
Can anybody please help me - I've been searching most of the day for a solution and can't find one.
Thanks in advance.
The most straight forward solution is probably an image map using maphilight. You can find an example there with the code available here.

Dragging a image in flex

Hi I am having trouble in dragging a image within a loader. I am able to do
zooming and rotating image but not moving image with mouse. Purpose is when I
zoom a image info is out of boundaries and so is hidden. To see that info users
should be able to drag the image any way they want. Please help.
I'm not quite sure if I understood what you're trying to do, but take a look on this adobe pan/zoom component and see if that's what you were looking for
http://www.adobe.com/devnet/flex/samples/fig_panzoom/

Glossy buttons in Flex 3

Any ideas how to create a button class that looks something like this:
Taken from this tutorial page. I'm struggling to figure out what combination of filters I need to use to achieve the glossy effect.
The rounded corners and bevel/glow effect are simple enough. But how can I add a gloss gradient over only the top half of the button?
Use this App --> http://jirox.net/AsButtonGen/
Found it. Degrafa has a Button Loader thing that does this exactly.
Open source too.

Resources