Google Maps with Heatmap like overlay MVC

进行中 已发布的 Jul 12, 2011 货到付款
进行中 货到付款

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!

.NET AJAX C# 编程 谷歌地球 jQuery / Prototype

项目ID: #1127253

关于项目

4个方案 远程项目 活跃的Jul 16, 2011

授予:

rbthiendao

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

$120 AUD 在10天内
(0条评论)
0.0

有4名威客正在参与此工作的竞标,均价$138/小时

itresumesha

i can do it. lets start now

$100 AUD 在4天内
(7条评论)
2.9
ResmySreejith

Please check PMB

$80 AUD 在7天内
(1条评论)
1.4
threeses

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 更多

$250 AUD 在5天内
(0条评论)
0.0