I'm interested in showing a heatmap in my Cesium application. On the heatmap.js website they have a number of demos such as the leaflet demo which adds the heatmap object as a layer. I'm wondering if there is a way to do such a thing in Cesium.js. I've seen people mention rendering a (or multiple) PNG(s) and showing that as a layer, that's a viable option if there is a way that I can do it on the fly and add them to my Cesium instance.

I have seen examples of heatmaps in Cesium but it's never explained how they did that (I don't even know if they used heatmap.js). There is also an issue on the Cesium.js GitHub about this, but they don't seem to be actively pursuing it.

I'm interested in showing a heatmap in my Cesium application. On the heatmap.js website they have a number of demos such as the leaflet demo which adds the heatmap object as a layer. I'm wondering if there is a way to do such a thing in Cesium.js. I've seen people mention rendering a (or multiple) PNG(s) and showing that as a layer, that's a viable option if there is a way that I can do it on the fly and add them to my Cesium instance.

I have seen examples of heatmaps in Cesium but it's never explained how they did that (I don't even know if they used heatmap.js). There is also an issue on the Cesium.js GitHub about this, but they don't seem to be actively pursuing it.

• javascript
• heatmap
• cesiumjs

1 Answer 1

Because there was nothing to my liking I created 2 libraries to incorporate heatmap.js into Cesium. Both can be found on my GitHub. They are called:

CesiumHeatmap

This is a library that uses either a Entity.Rectangle or the SingleTileImageryProvider to show the heatmap on the globe.

HeatmapImageryProvider

This is a library that uses a custom Cesium.ImageryProvider to show the heatmap on the globe.