Drawing circles and polygons on Google map

Drawing circles and polygons on Google map

Cancelled

Job Description

We would like to have a couple of actions and views implemented using MVC.NET (the Razor engine) and Google maps API (JavaScript). The expected functionalities are per below:

- Scenario 1: The user must be able to enter an address (zip code, street address, etc.) as a starting point in a text box and the radius in another text box. That point must be displayed on Google map and a circle with the given radius to be sketched. User must be able to move the sketched circle around on the map and resize the circle by dragging a spot on the circle's surrounding. Also the user must be able to sketch another smaller circle within the bigger circle and be able to move it around or resize it without letting the user push it out of the bigger circle. Also, the user must be able to remove either or both circles by double clicking the center of each circle. The two circles must be displayed in two different colours. Both circles' information i.e. center coordinations, radiuses, and the map's zoom level must be submitted as an XML string when POST action is called. The XML structure will be given by the architect. One geographical point will be given and that must be determined whether or not it resides within the smaller circle, between the two circles or out of the bigger circle.

- Scenario 2: The user must be able to enter an address (zip code, street address, etc.) as a starting point in a text box. That point must be displayed in Google map. The user starts clicking around on the map to build up a polygon. For each polygon's corner a pin must be displayed on the map. Double clicking on each of those corners will result eliminating that corner and reshaping the polygon. For e.g. if a rectangle's corner is eliminated, it will be converted into a triangle and so on. The user must be optionally able to add another polygon inside the first polygon. The smaller polygon cannot cross the bigger polygon's edges and it has to fit inside. The polygons must be displayed in two different colours. Upon POST action, the information of the created polygon(s) must be submitted in an XML string. The structure of the XML will be communicated. One geographical point will be given and that must be determined whether or not it resides within the smaller polygon, between the two polygons or out of the bigger polygon.

- Scenario 3: Scenario 1 will be repeated with a circle outside and a polygon inside.

- Scenario 4: Scenario 2 will be repeated with a polygon outside and a circle inside.

- Scenario 5: The built up XML strings in each of the mentioned scenarios must populate the proper shapes on the google map. So the solution has to work both ways.

The applicant of this project must have the proven qualifications below with given vital sample works:

- The recent Google map API.
- Microsoft MVC.NET Razor engine.
- C#.

---
Skills: drawing, .net