在交互式地图上表示温度数据的彩色方块的全局网格

Question

我正在尝试创建一个交互式地图（Google Map / OpenStreetMap等），显示代表温度数据的彩色方块的全局网格。根据UTM，网格内正方形每边的长度为0.5度。

我有网格上每个方格中心的温度数据。这些可能是最小值，最大值等。我希望在交互式地图上绘制这些数据，以便结果将是一种热图，其中低值将偏蓝，高值将偏红。

我希望结果与此类似，但是互动：

我搜索了大约八个小时，我似乎无法找到可行的解决方案。

• 我查看了Fusion Tables，并按照教程获得了这个示例：Fusion Table Example，所以我考虑制作一个0.5度网格的KML文件，但是卡在这里。
• 我查看了CartoDB并制作了this，但是如果放大，点会是圆形的，缩放时缩小。我希望这些点是方形的，并且对于所有缩放级别保持相同的大小
• 我在想做this这样的事情，但我想在整个全球地图上使用这个网格会导致它非常慢。

我希望页面上有下拉菜单，以切换到不同的参数，如最大值，最低温度等，以及更改叠加层。

我已经有一个工作here的网格，但用户只需点击一个网格即可获得该网格的温度图。如果用户可以点击某些内容来打开彩色网格，以便在缩小时看到一种热图，那就太棒了，但我对于采取哪个方向感到有点迷茫。任何帮助将不胜感激。