Google Maps with Heatmap like overlay MVC
$30-250 AUD
货到付款
I am seeking a C#.Net developer with MVC experience to build a map overlay widget to interact with our data webservice.
The widget will be passed a googlemaps location to display in the map for an area.
Like this: [url removed, login to view]
In addition to normal markers a heat map is to be applied.
The data source for the layer can be in code-behind but must interact with client side scrolling - see this link:
[url removed, login to view] (ideally I would like this managed better - tighter feedback to the user when updating)
This would therefore mean the client side needs to post back the rectangle corner coordinates or center and radius for our webservice to provide data. Likewise, for the layer - zoom/scaling should be linked to the parent map so zoom in should make the circles larger, and zoom out smaller.
To develop the project, define an Interface and fake some data (random data) in the structure - we will adapt the service to confirm to this schema.
You may implement based on the source in the codeproject supplied but requirements are a little different...
The dataset will consist of many rows of data containing:
Coordinate, Rating(0-100), Frequency(0-100), TypeName
the layer is to create a visualization of this data as:
Ratings affect color in shades of: 0-33 red, 34-66 yellow, 67-100 green
these colors need to be alpha blended to be semi transparent. As element overlap, the intensity will increase.
The frequency will affect the radius of the colored circle.
TypeName will allow data to be included or hidden - a dropdown control with a set of checkboxes will facilitate this. This list should be populated with each distinct entry in the used dataset. Toggle all, none, invert selection.
To enhance the scrolling response, perhaps we can oversize the layer (generate for X times the displayed area) so that the user can scroll more freely without having to wait for update to map. Consider this in your ideas.
Testing Page:
Display two map widgets on a page for given google map links. Default one at 200px square another 400px square.
Provide map URLs and parameters to test with an update/randomize button.
- Scale of circle
- TypeName labels and Number of values to populate (for randomize)
- Oversize the layer by (x times)
Acceptance testing:
Fill the map at a typical resolution with 80% coverage - on scroll of layer the refresh should be at least as fast as the example link (I am hoping better).
Browser support: IE, Firefox, Chrome, Safari, Opera latest versions must be supported. Older versions may permit downgrade of styling but not functionality.
Technology:
Visual Studio 2010, C#.net, Ajax for postbacks and jQuery as required. MVC 3.0 component with razor engine ([url removed, login to view]) . CSS styling for controls.
A note on MVC
Ideally this should be a neat component easily added to any MVC page. However if you believe you have all the right skills but do not have the MVC abilities then please still bid and make it clear in your proposal whether you are building as a MVC component.
This should be a fun project for the right bidder - good luck!
项目ID: #1127253