I have an image loaded to a picture box control, a map of the world for example and I want the user to be able to click any country and then a form will show up. I had read few posts here similar to mine and read that you can place coordinates to the countries, some sort of an image map like in html, but my problem is that my picture box is in the MDI child and the parent form and its child are resizable so that it will match to any monitor screen. If a user resizes the form, the picture box also automatically resizes at aspect ratio, how do I automatically adjust the coordinates? Also, the map can be zoom in the picture box and i need it also to adjust its coordinates.

Some also say that i can check which which country is been clicked based on the color of the picture where the mouse was clicked at? Is this true? does anyone have a sample code to do this? Each country in the map had unique color and perhaps this one is easier to implement because perhaps it won't be affected whether the form was resized to maximize size or just in its minimal size. Does anybody had a code and tried this? Also, is it possible, that i can change the color of some parts of an image in a picture box, for example, when I hover a country, the color of that country becomes blue while the other countries just retain their respective color?