如何在图像地图上为asp热点着色

How to color asp hotspots on an imagemap?

本文关键字：asp 热点 图像 地图      更新时间：2023-12-06

我有一个图像（该图像是一栋建筑的平面图），该图像包含可以打开或保留的各种房间。我使用Imagemap和热点来绘制房间的坐标，我正在处理onclick事件，以完成我需要它们完成的任务。问题是，一旦预订了房间，我如何为热点的坐标上色？我在数据库中跟踪预订的房间，所以知道预订了哪个房间不是问题，但问题是热点没有颜色属性。对此最好的方法是什么？Javascript？

我知道我可以在点击时交换图像，但有数百个房间，对于所有可能的预订/未预订房间，都有这么多图像是浪费时间的。

你没有说jQuery，但它肯定比从头开始更容易。jQuery插件：

http://www.outsharked.com/imagemapster/

您的数据库访问问题有点转移注意力。加载页面时，服务器没有理由不能传递作为标记一部分所需的数据，例如

<script type="application/json" id="map-data">
  [1,2,10,33]
</script>

或者任何对您有用的格式/结构/数据类型。你不必使用script块——你可以把它放在一个隐藏的div中，这真的没关系。您也不必使用JSON，这很方便。然后，您可以将这些数据用作ImageMapster之类的输入，以突出显示所需的区域。只需隐藏图像，直到您完成配置，就最终用户所见，这就是从服务器加载图像的方式。

从标记中获取一些数据，并使用ImageMapster在图像地图上设置热点的示例：

http://jsfiddle.net/jamietre/hD6bM/

HTML5通过画布进行过程绘制

相关文章：