0

我已经使用 ImageMapster.js 成功创建了一个图像映射，但我遇到了一个问题。我的客户希望在页面加载时选择一个区域，并且当用户将鼠标悬停在地图上时，所选区域会被取消选择并且行为与其余区域一样。但是我似乎无法弄清楚如何实现这一目标。所选区域始终保持选中状态。这是我的初始代码：

$('#mpMap').mapster({
map: $('#mpMap'),
mapKey: 'data-key',
set: true,
fillOpacity: .6,
fillColor: 'faf7db',
stroke: true,
strokeColor:'faf7db',
strokeWidth: 1,
scaleMap: true,
clickNavigate: true,
isSelectable: false,
areas:  [{
key: "area_1", 
selected: true,
}],
});

我知道使用 selected: true 会使该区域一直被选中，但它是我能找到的唯一一个在页面加载后直接选择该区域的函数。我试图弄清楚如何创建一个新状态，该状态将在鼠标悬停时重置所有初始设置。我尝试了几件事（例如修改甲壳虫乐队的演示代码），但我无法让 area_1 在鼠标悬停时取消选择。

我希望有人可以帮助我或告诉我这个脚本是否可行。

4

1 回答 1

0

我不确定我是否理解您的观点，但您可以尝试以下解决方法。imagemapster 行为的默认值，当您选择一个区域时，该区域被标记为选中（默认它具有描边和填充模糊背景）。我只是更改选项 render_select 以使其视觉像正常情况

$("#fixImage").mapster({

            render_select: {
                stroke: false,
                fill: false
            },

            ...

});
于 2013-11-21T03:28:37.283 回答