我目前正在尝试制作一张图像地图，在其中可以滚动到某个房间，并显示房间的图片和简短说明。我已经成功使用引导工具提示使图像出现在悬停中，但是它出现在整个图像旁边，而不是出现在图像地图的每个热点上。如何使工具提示出现在每个热点旁边？谢谢！
<div class="campus">
<img src="images/CampusSundayUpperFinal.jpg" alt="campus_upper" style="width:78%;" usemap="#campus_map" />
<map name="campus_map">
<area data-toggle="tooltip" data-placement="left" data-html="true" shape="rect" coords="445,279,725,732" href="#" alt="mainOffice" title="<img src='images/building-740.jpg'/>">
</map>