Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 20.09.2018
Сообщений: 1

Работа с интерактивными картами

20.09.2018, 21:13. Показов 640. Ответов 0

Студворк — интернет-сервис помощи студентам
Добрый вечер Профи!! у меня не большой вопрос..нужно реализовать отображение некой инфы в отдельном div , при нажатии на часть интерактивной карты, у меня это получилось, но не могу понять как мне теперь в вышеуказаный div вставить еще один div...я пока зелёный , прошу сильно не ругать заранее спасибо
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
94
95
96
97
98
99
100
101
102
103
104
var regions=[
            {
                "region_name": "Бухара",
                "region_code": "Bukhara",
                "population": 794525
            },
            {
                "region_name": "Харезм",
                "region_code": "Khorazm",
                "population": 1169750
            },
            {
                "region_name": "Респ-ка Каракалпакстан",
                "region_code": "karak",
                "population": 1357276
            },
            {
                "region_name": "Навои",
                "region_code": "navoi",
                "population": 1299932
            },
            {
                "region_name": "Самарканд",
                "region_code": "Samarkand",
                "population": 1181756
            },
            {
                "region_name": "Кашкадарья",
                "region_code": "Kashkadarya",
                "population": 1577487
            },
            {
                "region_name": "Сурхандарья",
                "region_code": "Surhandarya",
                "population": 1374052
            },
            {
                "region_name": "Андижан",
                "region_code": "Andijan",
                "population": 1050803
            },
            {
                "region_name": "Фергана",
                "region_code": "Fergana",
                "population": 1092828
            },
            {
                "region_name": "Наманган",
                "region_code": "Namangan",
                "population": 1358238
            },
            {
                "region_name": "Джизак",
                "region_code": "Jizak",
                "population": 1540379
            },
            {
                "region_name": "Гулистан",
                "region_code": "Gulistan",
                "population": 965127
            },
            {
                "region_name": "Ташкентская Область",
                "region_code": "Tashobl",
                "population": 9345155
            },
            {
                "region_name": "Ташкент",
                "region_code": "Tashkent",
                "population": 9512507
            }
            
        ];
 
 
        var temp_array= regions.map(function(item){
            return item.population;
        });
        var highest_value = Math.max.apply(Math, temp_array);
 
        $(function() {
 
            for(i = 0; i < regions.length; i++) {
 
                $('#'+ regions[i].region_code)
                        .css({'fill': 'rgba(11, 104, 170,' + regions[i].population/highest_value +')'})
                        .data('region', regions[i]);
            }
 
            $('.map path').click(function (e) {
                var region_data=$(this).data('region');
                $('<div class="info_panel">'+
                        region_data.region_name + '<br>' +
                        'Количество людей : ' + region_data.population.toLocaleString("en") +
                        '</div>'
                )
                        .appendTo('.chart-dash1');
            })
                    .mouseleave(function () {
                        $('.info_panel').remove();
                    })
                    
 
        });
нужно чтобы при нажатии на любой "region" отображался его div в диве - chart-dash1
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
20.09.2018, 21:13
Ответы с готовыми решениями:

Компонент текстовое поле, с интерактивными элементами
Добрый всем день. Нужно разработать компонент, в виде текстового поля, с возможностью создавать в нём различные интерактивные элементы. ...

Работа с гугл картами без API
Доброго времени суток. Сейчас пытаюсь разработать модуль для отображения карт на основе примеров. Возникла проблема: у меня в базе...

Работа с картами
Есть планшет с win 7 с gps. Подскажите, какие есть библиотеки для работы с картами? (например, как у андроид для google map, подключил, и...

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
20.09.2018, 21:13
Помогаю со студенческими работами здесь

работа с картами
Можно ли на карте местности населенный пункт сделать ссылкой на другое окно, в котором будет отображаться информация о нем....если да, то...

Работа с картами
Подскажите пожалуйста, как реализовать такое: На странице есть несколько элементов, при клике на любой из них, появляется карта со своими...

Работа с картами на C#
Доброго времени суток,возникла необходимость в работе с картой,а именно :хотелось бы чтобы была возможность отмечать точки на карте ну и...

Работа с картами изображений
Здравствуйте. Диалоговое окно, в нём бекграундом лежит изображение. При наведении на некоторые участки показывается титл. Титл - слово...

Работа с Яндекс Картами
Подскажите пожалуйста, существует ли способ получить координаты отмеченных мест на Яндекс карте? Например, в Киеве выбираю показать все...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами
Maks 07.04.2026
1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru