See attached for a stage map WPF control. Use this control in a WPF window and you will see a red dot and several blue squares. You can build on top or rewrite it from scratch to give the following features:
1. Make the x and y range of the canvas from 0 to 100 with double precision.
2. Make the control so that the position of the red dot (Lens location) can be controlled by the calling application.
3. Allow to add unlimited number of blue squares to the canvas, each square is an object that consists of (x,y,z) location (event though z is not yet used in this project) and a title.
4. Divide the canvas to 10 x 10 boxes. Within each box, shows the number of blue squares reside within each box. If the number is equal or greater than zero, indicate the number and make the background light blue.
5. Allows to zoom in centering where the mouse location is by a factor of 1.414 using mouse wheel (every 10 clicks).
6. Within the new zoom in range, again divide it into 10 x 10 boxes. Bin the number of blue squares inside each box just as shown in step 4.
7. Click one of the 10x10 boxes, Use a list view to show each blue square object insides the clicked box and its title and x, y, z location.
## Deliverables
All the code needs to be WPF .NET 4.0 compatible.