0

ImageMapster.js を使用してイメージマップを正常に作成しましたが、1 つの問題が発生しました。私のクライアントは、ページがロードされたときに 1 つの領域が選択されることを望んでおり、ユーザーが選択された領域が選択解除され、残りの領域のように動作するマップ上にカーソルを置きます。しかし、私はこれを達成する方法を理解できないようです。選択した領域は常に選択されたままになります。これは私の最初のコードです：

$('#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 を使用すると常に領域が選択されることは承知していますが、ページロードの直後に領域を選択できる唯一の関数です。マウスオーバー時にすべての初期設定をリセットする新しい状態を作成する方法を見つけようとしています。いくつかのことを試しました (たとえば、Beatles のデモ コードを変更する) が、マウスオーバーで area_1 を選択解除することができません。

誰かが私を助けてくれるか、このスクリプトでそれが可能かどうか教えてくれることを願っています.

4

1 に答える 1

0

あなたの主張を理解しているかどうかはわかりませんが、次の回避策を試すことができます。imagemapster のデフォルト動作。領域を選択すると、その領域が選択済みとしてマークされます (デフォルトでは、ストロークと塗りつぶしの背景がぼやけます)。オプション render_select を変更して、通常の状況のように視覚的にするだけです

$("#fixImage").mapster({

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

            ...

});
于 2013-11-21T03:28:37.283 に答える