How can I make zoomable square table in SFML?

[delio]

I have 2 questions.

1.How can I make zoomable square table like in the picture below?

http://i.stack.imgur.com/LKmtD.gif



At first, there is no line of tile in squares. but when zoom in, line of tiles are slowly appear inside squares.

I'm very newbie. So, Please guide me how to get started.



2.How I can create paint bucket tool and use to fill my tile then store information into array?

3.If there is easily library to create my work please tell me

Thanks, Sorry for bad English