heatMap 热图 ，服务端/flex/silverlight

这两天看了公司老总演示的一个效果，热图分布情况，感觉很直观。国内地图上很少有这种表现方式的。

 

g了一下发现以下：发现flex下有 IBM ILOG Elixir 可以用，不过这要花钱。

 

https://www.adobe.com/cn/products/flex/ibmilogelixir/

 

还有一个Heat API，可以再googlemap上叠加热图。

 

http://www.heatmapapi.com/ ，他还支持small point 50个点左右，和 large point 1000个点两种方式。

 

silerlight有实例http://www.cnblogs.com/Gildor/archive/2010/05/18/1738225.html

 

热图

个人观点：对于热图的绘制 如果要表现spatialkey那样的效果，估计还是要用flex、silverlight做，客户端渲染。JS实在是不到那样的效果、用服务端返回叠加的效果个人感觉也不太好。

 

客户端绘制

flex有个插件IBM ILOG Elixir（收费的） 据说各种图绘制问题不大（包括热图），其他关于热图的绘制的文章和开源说的不多。

 

在Silverlight环境下，使用 WriteableBitmap在客户端生成Heat Map，网上有例子和代码，不过没有仔细研究 http://www.cnblogs.com/Gildor/archive/2010/05/18/1738225.html

 

 

服务端绘制

还有个heatmap的网站，googleapi 热图叠加。它是通过服务端渲染出来的。客户端叠加效果也非常一般，热图有整体性一般需要数据全部加载。

例,返回的渲染图片，小数据直接get获取，大数据post（生成后返回picurl地址）

 

http://www.heatmapapi.com/HeatmapGenerate.aspx?k=d975a671-4a29-44bc-9ee1-6e1b281f52bb&u=1&d=38.50833333333333,-121.83013333333334,6,38.52486666666667,-121.8246,9,38.4732,-121.83513333333333,5,38.51286666666667,-121.80353333333333,3,38.48413333333333,-121.77773333333333,2,38.4794,-121.80126666666666,1,38.51166666666666,-121.8314,7,38.535466666666665,-121.81880000000001,8,38.5156,-121.80186666666667,7,38.5266,-121.79206666666667,5,38.48693333333333,-121.78773333333334,3,38.496066666666664,-121.8062,7,38.498333333333335,-121.8264,3,38.52406666666666,-121.81373333333333,1,38.482,-121.77926666666667,4,38.526399999999995,-121.80346666666667,4,38.535666666666664,-121.78753333333334,5,38.5162,-121.82486666666667,5,38.486666666666665,-121.7814,1,38.4728,-121.8236,0,38.4728,-121.7938,2,38.485866666666666,-121.83173333333333,7,38.519666666666666,-121.80753333333334,8,38.498866666666665,-121.7778,8,38.53646666666666,-121.82666666666667,6,38.52153333333333,-121.79686666666667,7,38.52206666666667,-121.8052,7,38.50406666666667,-121.77773333333333,1,38.486333333333334,-121.8308,0,38.510933333333334,-121.827,4,38.495,-121.81406666666668,8,38.52726666666666,-121.83166666666666,5,38.47586666666667,-121.819,6,38.516866666666665,-121.8164,7,38.5056,-121.8212,6,38.513666666666666,-121.78566666666667,8,38.480266666666665,-121.81386666666667,1,38.516866666666665,-121.81606666666667,0,38.50026666666667,-121.79213333333334,7,38.48446666666666,-121.83686666666667,6,38.47006666666667,-121.79433333333334,7,38.528999999999996,-121.83713333333334,5,38.47773333333333,-121.79133333333334,4,38.5194,-121.78826666666667,5,38.4982,-121.78246666666666,8,38.5038,-121.82806666666667,2,38.48553333333333,-121.787,3,38.51866666666667,-121.82586666666667,8,38.5178,-121.79053333333334,4,38.528666666666666,-121.80573333333334,1&x=0&b=1&w=400&h=300&lat1=38.55568323796419&lat2=38.47509432050245&lon1=-121.871337890625&lon2=-121.73400878906249

 

http://www.heatmapapi.com/Sample_Google4.aspx

今天发现一个超级好的Flex热图，孙总推荐的，一定研究研究

效果： http://michaelvandaniker.com/blog/2008/07/06/how-to-make-heat-maps-in-flex/

源码： http://michaelvandaniker.com/labs/heatMap/srcview/index.html