HeatMap data visualization on Maps using geojson layer

6 posts, 0 answers
  1. Akshay
    Akshay avatar
    5 posts
    Member since:
    Feb 2017

    Posted 28 Feb 2017 Link to this post

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

    for eg something like this :

     

  2. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    1082 posts

    Posted 02 Mar 2017 Link to this post

    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
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Akshay
    Akshay avatar
    5 posts
    Member since:
    Feb 2017

    Posted 02 Mar 2017 in reply to Alex Hajigeorgieva Link to this post

    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

  4. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    1082 posts

    Posted 06 Mar 2017 Link to this post

    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
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. Akshay
    Akshay avatar
    5 posts
    Member since:
    Feb 2017

    Posted 09 Mar 2017 in reply to Alex Hajigeorgieva Link to this post

    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

  6. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    1082 posts

    Posted 10 Mar 2017 Link to this post

    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
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top