ImageMapster "подсветка" всегда включена - PullRequest
0 голосов
/ 15 января 2019

Я использую jquery, ImageMapster и PHP.

Сценарий работает нормально, если я загружаю изображение, моя область включена, но когда я перемещаю мышь, над изображением меняется подсветка (нормальная), но ... когда я помещаю мышь вне изображения, у меня нет выделенной области, и будет как моя область по умолчанию ON.

Я исправляю проблему с помощью 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'); 

1 Ответ

0 голосов
/ 15 января 2019

Через 2 дня наконец-то нашел решение сейчас, после записи в 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");        
...