一个html页面内只允许一张图片出现图片热点吗？

可以出现N个。具体格式如下：

<img src="images/XXX.gif" usemap="#Map" />

<map name="Map" id="Map">

<area shape="rect" coords="12,6,24,19" href="#" />

<area shape="rect" coords="35,7,56,19" href="#" />

</map>

建议搜一下具体使用方法

你代码中，都没有热力图的数据，怎么会出来？

异步加载后，把数据放到points数组，

然后使用JS代码(API案例很详细)

heatmapOverlay = new BMapLib.HeatmapOverlay({"radius":20})

map.addOverlay(heatmapOverlay)

heatmapOverlay.setDataSet({data:points,max:100})

---