Использование singleSelect, но оставление фоновых выделений и получение данных из API

Question

Я думаю, что я довольно близко. Идея состоит в том, чтобы включить фоновые разделы в соответствии с данными из API (этот, если вы хотите попробовать это http://www.propertysolutions.com/api-documentation/code-snippet), и при этом иметь Функциональность наведения мыши и выберите. Чтобы приблизить меня, я использовал демо Джеймса Битлз. Я здесь, но не могу добавить singleSelect без выключения фона.

$(function () {
var inArea,
map = $('#beatlesIMG'),

    single_opts = {
        fillColor: '000000',
        fillOpacity: 0,
        stroke: true,
        strokeColor: 'ff0000',
        strokeWidth: 2
    },
    all_opts = {
        fillColor: 'ffffff',
        fillOpacity: 0.6,
        stroke: true,
        strokeWidth: 2,
        strokeColor: 'ffffff'
    },
    initial_opts = {
        mapKey: 'data-name'
    };
opts = $.extend({}, all_opts, initial_opts, single_opts);

map.mapster('unbind')
    .mapster(opts)
map.mapster('set_options', all_opts)
    .mapster('set', true, 'all')
    .mapster('set_options', single_opts);
});

Скрипка - http://jsfiddle.net/SpudLogic/w4w8U/4/

Хотелось бы услышать некоторые предложения. Спасибо!

Answer 1

Это то, что работает для меня

$(function ()
{
var basic_opts = {
    mapKey: 'data-key1',
    fill: true,
    fillColor: '9A7611',
    fillOpacity: 0.4,
    singleSelect: true
};

var initial_opts = $.extend({},basic_opts, 
    { 
        staticState: true,
        fill: true,
        fillColor: 'F9461C',
        stroke: false
    });
$('#floorplan').mapster(initial_opts)
.mapster('snapshot')
.mapster('rebind',basic_opts );

});