Изменения цветом на карте в зависимости от значения таблицы с базы данных?

@Makson777 · Регистрация: 20.09.2016

Студворк — интернет-сервис помощи студентам

Помогите автоматизировать процесс:
Есть админ. карта России с выделенными областями.
Есть данные с базы. Как мне сделать чтобы менялся цвет в зависимости от заполнения ?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<html >
  <head>
    <title>JQVMap - Russia Map</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link href="jqvmap/css/jqvmap.css" media="screen" rel="stylesheet" type="text/css" />    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
    <script src="jqvmap/js/jquery.vmap.js" type="text/javascript"></script>
    <script src="jqvmap/js/maps/jquery.vmap.russia.js" type="text/javascript"></script>
    
    
    <script type="text/javascript">
    // Массив всех объектов   
    var data_obj = {
        'no': ['Объект 1', 'Объект 2'],
        'kr': ['Объект 3', 'Объект 4', 'Объект 5'],
        'ir': ['Объект 6', 'Объект 7', 'Объект 8']
    };
    
    colorRegion = '#1076C8'; // Цвет всех регионов
    focusRegion = '#FF9900'; // Цвет подсветки регионов при наведении на объекты из списка
    selectRegion = '#0A4C82'; // Цвет изначально подсвеченных регионов
    
    highlighted_states = {};
    
    // Массив подсвечиваемых регионов, указанных в массиве data_obj
    for(iso in data_obj){
        highlighted_states[iso] = selectRegion;
    }
    
    $(document).ready(function() {
        $('#vmap').vectorMap({
            map: 'russia',
            backgroundColor: '#ffffff',
            borderColor: '#ffffff',
            borderWidth: 2,
            color: colorRegion,
            colors: highlighted_states,         
            hoverOpacity: 0.7,          
            enableZoom: true,
            showTooltip: true,          
            
            // Отображаем объекты если они есть
            onLabelShow: function(event, label, code){
                name = '<strong>'+label.text()+'</strong><br>';             
                if(data_obj[code]){
                    list_obj = '<ul>';
                    for(ob in data_obj[code]){                  
                        list_obj += '<li>'+data_obj[code][ob]+'</li>';
                    }
                    list_obj += '</ul>';
                }else{
                    list_obj = '';
                }               
                label.html(name + list_obj);                
                list_obj = '';              
            },          
                        
        });     
        
    });
    // Выводим список объектов из массива
    $(document).ready(function() {
        for(region in data_obj){
            for(obj in data_obj[region]){
                $('.list-object').append('<li><a href="'+selectRegion+'" id="'+region+'" class="focus-region">'+data_obj[region][obj]+' ('+region+')</a></li>');
            }
        }
    });
    
    // Подсветка регионов при наведении на объекты
    $(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);
        });
    }); 
    </script>
  </head>
  <body>
    <div id="vmap" style="width: 800px; height: 500px;"></div>
        
  </body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .