In Progress

Google Maps with Heatmap like overlay MVC

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.


Visual Studio 2010,, 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!

Skills: .NET, AJAX, C# Programming, Google Earth, jQuery / Prototype

See more: google maps overlay, heat map google maps, mvc heat map, heat map net, create heat map mvc, google maps heatmap net, overlay mvc, mvc google map, google maps heatmap, image overlay heat map, heatmap google, Google heatmap, build google heatmap, maps mvc code project, create map overlay, google maps overlay heatmap, heatmap mvc, google map circle radius display, net heat map, heat map net code project, google heat maps mvc, color heatmap, heat circles jquery, ajax google map heatmap, heatmap net

About the Employer:
( 2 reviews ) Mudgeeraba, Australia

Project ID: #1127253

Awarded to:


Google Maps developers here. We can discuss now. Please check your PMB.

$120 AUD in 10 days
(0 Reviews)

4 freelancers are bidding on average $138 for this job


i can do it. lets start now

$100 AUD in 4 days
(7 Reviews)

Please check PMB

$80 AUD in 7 days
(1 Review)

Hello, First of all, let me explain you about 3SES. 3SES is a professional software services and product development company with highly talented group of engineers. 3SES is a group company of Gaytes Information More

$250 AUD in 5 days
(0 Reviews)