Javascript imagemapster条件高度图像

图为公寓单元平面图

当需求发生变化时，一切都是功能性的

对于某些区域，默认情况下使用

altImage:'images/unit.png'

新要求：

• 当装置仍然可用时，仅显示高度图像

如何达到上述新要求？我已经用硬编码的

var

进行了一些测试，但是

altImage

没有显示。请参阅下面我的代码：

onClick: function (e) {
            var unitStatus="Available";


            $('#selections').html(xref[e.key]);            

            if (unitStatus == 'Available') {                    

                 $('img').mapster('set_options', { 
                   areas: [{
                      key: "Unit1",                    
                      altImage:'images/unit.png',
                      altImageOpacity: 1,
                      altImageFill: true
                    }]
                });
            }
        },

注意：我使用上面的onClick函数只是为了检查我的js是否正确执行。这应该在装置*可用*时动态触发

相关问题： *在（1年前）之前，我试图找到一些方法，使用css在一个区域上制作一些图像覆盖，以使其更简单，但我发现使用image mapster很难实现，但仍然使用它，因为我发现它比使用flash非常轻量

这一次，这可能吗？或者有什么方法可以处理这种类型的覆盖图像设置？这只是我的第二个问题。

在“设置选项”之后（它只更改选项，但不会立即生效） 因此，调用“重新绑定”以应用新选项。它可能是这样的：

$（“img）.mapster（'rebind'，$（“img”）.mapster（'get_options'）；//get_options将获取活动选项

查看文档以了解更多详细信息

---

重新绑定：使用新选项重新绑定ImageMapster

$（'img'）.mapster（'rebind'，选项）； --- 选项：对象包含ImageMapster选项的JavaScript对象

此方法与set_options类似，其目的是更改现有绑定贴图的选项。但是，与set_options不同，rebind将立即将所有新选项应用于现有贴图。这意味着渲染选项将更改已选择要使用新选项渲染的区域。如果传递特定于区域的选项，也将应用这些选项，例如，您可以通过在特定于区域的选项中传递selected:true来选择新区域

---

相反，设置选项只会更改选项，而不会将其应用于任何现有数据。使用设置选项时，新选项仅适用于未来的操作。

我在使用“设置选项”和“重新绑定”方法时遇到问题；即使在如上所述的离散调用之后也是如此

这里描述的技术非常适合通过JS对区域渲染选项进行操作