我有一张图片(图片是建筑物的平面图)，图片包含可以开放或预订的各种房间。我已经使用图像映射和热点来绘制房间的坐标，并且我正在处理 onclick 事件以执行我需要它们完成的操作。问题是，一旦预订了房间，我该如何给热点的坐标上色呢？我在我的数据库中跟踪预订的房间，所以知道预订了哪个房间不是问题，但问题是热点没有颜色属性。最好的方法是什么？ Javascript？
我知道我可以通过点击和诸如此类的方式交换图像，但是有数百个房间，为每种可能的已预订/未预订房间准备那么多图像将是浪费时间。
最佳答案
您没有说 jQuery，但它肯定比从头开始更容易。执行此操作的 jQuery 插件:
http://www.outsharked.com/imagemapster/
您的数据库访问问题有点转移注意力。加载页面时，服务器没有理由不能传递所需的数据作为标记的一部分，例如
<script type="application/json" id="map-data">
[1,2,10,33]
</script>
.. 或任何对您有用的格式/结构/数据类型。您不必使用 script block - 您可以将它放在隐藏的 div 中，这真的没关系。也不必使用 JSON，这只是方便。然后，您可以将该数据用作 ImageMapster 之类的输入，以突出显示所需区域。只需隐藏图像，直到您完成配置，最终用户将看到，这就是它从服务器加载的方式。
从标记中获取一些数据并使用它在使用 ImageMapster 的图像 map 上设置热点的示例:
关于c# - 如何在图像 map 上为 asp 热点着色？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11549065/