var data_obj = { 'ch': [],'cl': [],'ir': [],'sv': [],'ha': [],'am': [],'al': [],'ka': [],'hk': [],'zb': [],'br': [],'tv': [],'ma': [],'kr': [],'km': [],'sa': [], }; colorRegion = '#E6E6E6'; // Цвет всех регионов focusRegion = '#B8860B'; // Цвет подсветки регионов при наведении на объекты из списка selectRegion = '#A4A4A4'; // Цвет изначально подсвеченных регионов highlighted_states = {}; // Массив подсвечиваемых регионов, указанных в массиве data_obj for(iso in data_obj){ highlighted_states[iso] = selectRegion; } $(document).ready(function() { $('#vmap').vectorMap({ map: 'russia', backgroundColor: '#ffffff', borderColor: '#393939', borderWidth: 2, color: colorRegion, colors: highlighted_states, hover: '#B8860B', enableZoom: false, showTooltip: true, // Отображаем объекты если они есть onLabelShow: function(event, label, code){ name = ''+label.text()+'
'; if(data_obj[code]){ list_obj = ''; }else{ list_obj = ''; } label.html(name + list_obj); list_obj = ''; }, // Клик по региону onRegionClick: function(element, code, region){ window.location = '/russianmap/' + code; } }); }); // Выводим список объектов из массива $(document).ready(function() { for(region in data_obj){ for(obj in data_obj[region]){ $('.list-object').append('
  • '+data_obj[region][obj]+' ('+region+')
  • '); } } }); // Подсветка регионов при наведении на объекты $(function(){ $('.focus-region').mouseover(function(){ iso = $(this).prop('id'); fregion = {}; fregion[iso] = focusRegion; $('#vmap').vectorMap('set', 'colors', fregion); }); $('.focus-region').mouseout(function(){ c = $(this).attr('href'); cl = (c === '#')?colorRegion:c; iso = $(this).prop('id'); fregion = {}; fregion[iso] = cl; $('#vmap').vectorMap('set', 'colors', fregion); }); });