現在、ImageMapsterの特定の領域のアクティブなレンダリングオプションを直接照会する方法はありません。おそらく、あなたはある時点でそれらを割り当てているので、プラグインの外でそれらを追跡します。たとえば、赤または青の状態を割り当てるために使用しているコードを抽象化します。
var stateData = {}, image = $('#my-image')
// color: the color to render the area
// selected: true or false
function setState(selected, key, color) {
stateData[key] = fillColor;
image.mapster('set',selected,key, {fillColor: color } );
}
次に、mapsterを直接呼び出す代わりに、その関数を使用して領域を選択/選択解除します。これで、データを保存するときに、参照から色を検索できます。
var activeKeys = image.mapster('get'); // returns a comma-separated list
var activeStates = [];
for(var key in activeKeys.split(',')) {
activeStates.push({
state: key,
color: stateData[key]
});
}
// now activeStates is an array of objects, one for each selected area,
// containing the area key and the color. Save this info to your db.
..またはそのようなもの。