HeatMap data visualization on Maps using geojson layer

[Akshay]

Is there a way to create a heat map kind of visualization over geojson map layers in kendo map

for eg something like this :

 

[Alex Hajigeorgieva]

Hello Akshay,

It is possible to create a heat map with Kendo UI, however, its implementation requires advanced programming skills as it is very complex.

Kind Regards,
Alex Hajigeorgieva
Telerik by Progress

[Akshay]

Hello Alex,

Thanks for answering the question :D

I see. Could you point me in the right direction as to how to achieve such maps and the approach to follow. 

Any help will do.

Might as well test my skills while solving such problems.

Regards,

Akshay

[Alex Hajigeorgieva]

Hi Akshay,

Unfortunately, the Kendo UI Map does not support the required functionality out of the box. The desired result can be achieved via extensive custom implementation and I can recommend our Professional Services for assistance. Let me know if you are interested and I will arrange for someone from the team to contact you directly.

An alternative solution could be to replace the marker points from the geoJSON file with either a background image or with a radial gradient with some level of opacity:

http://dojo.telerik.com/ixiMA

Kind Regards,
Alex Hajigeorgieva
Telerik by Progress

[Akshay]

Hello Alex,

Thank you for the suggestion of using markers and then customizing them using CSS. 

I applied the same logic with a little bit of tweaking and was able to generate the required maps.

Using the markerActivate Event I changed the markers CSS according to the heat map data.

The google image is what I wanted to replicate and the Kendo one is the output using your logic.

Thank you

Regards,

Akshay

[Alex Hajigeorgieva]

Hello Akshay,

That looks like a very nice result!

If you have the chance, it would be great to see the final implementation, perhaps someone else in the community might find it useful one day.

I wish you a nice weekend!

Regards,
Alex Hajigeorgieva
Telerik by Progress