我使用jquery,ImageMapster和PHP。
如果我加载图像,脚本工作正常,但是我将鼠标移到图像上方时,高亮显示变化(正常),但是当我将鼠标移到img上时,我没有选择区域,并且像我的默认区域一样。
我通过使用mouseOut始终调用同一区域来解决此问题。我想正确地做。
<script type="text/javascript">
function mapearImagenVistaGeneral(id) {
$(id).mapster({
mapScale : true,
fillOpacity : 0.4,
fillColor : "fff000",
stroke : true,
strokeColor : "000",
strokeOpacity: 0.8,
strokeWidth : 4,
singleSelect : true,
mapKey : 'name',
listKey : 'name',
showToolTip : true,
onMouseout: function (e) {
$('#imgAlmacen1VistaGeneral').mapster( 'highlight','01');
}
});
};
mapearImagenVistaGeneral("#imgAlmacen1VistaGeneral");
$('#imgAlmacen1VistaGeneral').mapster( 'highlight','01');
答案 0 :(得分:0)
两天后,我终于找到了解决方案,在stackoverflow中写了...
我必须设置一个区域。
<script type="text/javascript">
function mapearImagenVistaGeneral(id) {
$(id).mapster({
mapScale : true,
fillOpacity : 0.4,
fillColor : "fff000",
stroke : true,
strokeColor : "000",
strokeOpacity: 0.8,
strokeWidth : 4,
singleSelect : true,
mapKey : 'name',
listKey : 'name',
showToolTip : true,
areas: [{
key: '01',
staticState: true,
render_select: {
fillOpacity: 0.4,
fillColor: '0000ff'
}}
]
});
};
mapearImagenVistaGeneral("#imgAlmacen1VistaGeneral");