实践

先下载源码网页的readme里面写了一个例子，那我们的目标显示搭建例子环境

1. 
   

• a. 添加类， 代码内容 “define(‘Scene/HeatmapImageryProvider’,[“……” return HeatmapImageryProvider;});”整段，添加到define定义之后，Cesium定义之前，cesium里面provider有很多，如果你知道一两个就更好了，HeatmapImageryProvider和他们的角色相似，这里我们可以搜索BingMapsImageryProvider，可以查找它，然后把定义代码放在它之后，这样，应该不会错

• b. 添加 ‘./Scene/HeatmapImageryProvider’ 到Cesium另一的第一个参数 搜索”define(‘Cesium’,[” 将它加到BingMapsImageryProvider类似配置之后，

• c. 添加 Scene_HeatmapImageryProvider 到Cesium第二个参数，同上思路

• d. 添加Cesium[‘HeatmapImageryProvider’] = Scene_HeatmapImageryProvider;到cesium内部,搜索”var Cesium = {“，添加

• e. 移除HeatmapImageryProvider.js 文件中的heatmap.js v2.0.0 之前的内容(最后一段压缩过的代码就是heatmap.js的内容)

• f.最后为了方便缩放，添加一个点entity到viewer

• g. 刷新可看到效果

1. 先来创建一个空的cesium-demo页面，我这里基于之前的代码，创建lesson13，不细说

2. 不是很想看说明，二话不说，先把示例代码放到index.html中，引入相关的两个js到页面中，看看什么情况；这里运行时发现报错，说是不认识’define’，cesium的源码组织走的是requirejs的路子( requirejs en cn ),找到错误的地方，熟悉的人一看就知道可能改怎么改，不知道的朋友可以看看HeatmapImageryProvider.js 文件顶部的说明，5个步骤，4个修改步骤，最后一个提示做完这些操作就可用，这里我使用未压缩的打包版本CesiumUnminified来测试

   viewer.entities.add({
       point: {
           coordinates: Cesium.Rectangle.fromDegrees(147.1385, -41.435)
       }
   });
   viewer.zoomTo(viewer.entities);