--- title: 'Создаем карту сети в Zabbix 5.0 LTS' url: 'https://itsch.ru/ru/blog/sozdaem-kartu-seti-v-zabbix-5-0-lts' markdown: 'https://itsch.ru/ru/blog/sozdaem-kartu-seti-v-zabbix-5-0-lts.md' lang: ru date: '2020-05-23' description: "После того как мы установили и настроили серверную часть Zabbix 5.0,\_настроили связь с узлами сети, возникает желание увидеть визуально, как эти узлы взаимосвязаны между собой. То есть создать интерактивную карту сети контролируемых устройств. Оказалось что Веб панель управления обладает такой…" taxonomy: category: - Статьи tag: - Zabbix --- # Создаем карту сети в Zabbix 5.0 LTS После того как мы [установили и настроили серверную часть Zabbix 5.0](https://itsch.ru/ustanovka-zabbix-v-proxmox/), [настроили связь с узлами сети](https://itsch.ru/dobavlenie-uzlov-seti-v-zabbix-5-0-lts/), возникает желание увидеть визуально, как эти узлы взаимосвязаны между собой. То есть создать интерактивную карту сети контролируемых устройств. Оказалось что Веб панель управления обладает такой замечательной возможностью. ##### Содержание: 1. [Редактирование карты сети.](https://itsch.ru/sozdaem-kartu-seti-v-zabbix-5-0-lts/#edit_map) 2. [Добавление иконок для узлов сети.](https://itsch.ru/sozdaem-kartu-seti-v-zabbix-5-0-lts/#add_img) ##### 1. Редактирование карты сети. 1.1. Входим в Веб-панель управления Zabbix. Выбираем раздел «Мониторинг» -> «Карты сетей»: ![](Zabbix_network_Map_1.png) 1.2. Выбираем «Все карты сетей»: ![](Zabbix_network_Map_3.png) 1.3. По умолчанию карта сети уже создана. Возьмем ее за основу и внесем в нее изменения. Изначально карта сети имеет размер 600 х 200. Такой размер явно мал. Зададим другие параметры. Для этого выбираем раздел «Свойства» и указываем нужные нам параметры карты сети: ![](Zabbix_network_Map_4.png) Сохраняем изменения — кнопка «Обновить» и выбираем измененную карту сети. 1.4. Переходим к добавлению узлов сети на карту. Для этого в правом верхнем углу нажимаем кнопку «Изменить карту сети»: ![](Zabbix_network_Map_2.png) 1.5. В открывшейся странице мы можем добавлять узлы сети, фигуры, связи между элементами карты: ![](Zabbix_network_Map_5.png) 1.6. Редактор поддерживает как диалог создания, так и копирования уже готовых элементов. Нажимаем кнопку «Добавить» и получаем элемент карты по умолчанию: ![](Zabbix_network_Map_6.png) 1.7. Выбираем созданный элемент и переходим в диалог редактирования: ![](Zabbix_network_Map_7.png) 1.8. Вносим значения для отображения данных узла сети: - в разделе «Тип» выбираем «Узел сети»; - в разделе «Подпись» указываем параметры, которые должны отображаться: {HOST.NAME} {HOST.CONN} - в разделе «Узел сети» выбираем тот узел, который мы хотим вынести на карту; - в разделе «Группа элементов данных» — данные, которые будут отображать только те проблемные триггеры, которые принадлежат указанной группе элементов данных; - раздел «Иконки» — выбираем иконку, которая наиболее близко отображает смысл узла сети; - раздел «Urlы» — задаем гиперссылку для быстрого доступа к узлу сети. После внесённых изменений нажимаем кнопку «Применить» и «Закрыть»: ![](Zabbix_network_Map_8.png) 1.9. Редактор позволяет перемещать элементы по карты при помощи мыши: ![](Zabbix_network_Map_9.png) 1.10. Для того чтобы отобразить связь элементов карты, необходимо выделить эти элементы, удерживая клавишу Ctrl, и нажать кнопку добавить в верхнем разделе «Связь»: ![](Zabbix_network_Map_10.png) 1.11 В диалоговом окне в подразделе «Связь» нажимаем кнопку «Изменить» и редактируем линию связи на наше усмотрение (изменить цвет, тип линии связи, добавить триггер): ![](Zabbix_network_Map_11.png) 1.12. Нажимаем кнопку «Изменить» и «Закрыть»: ![](Zabbix_network_Map_12.png) 1.13. Для того, чтобы сохранить внесенные изменения нажимаем кнопку «Обновить» и переходим к списку карт сетей. Выбираем карту, в которой вносили изменения и наблюдаем результат: ![](Zabbix_network_Map_13.png) ##### 2. Добавление иконок для узлов сети. Если нас не особо устроили предлагаемые по умолчанию изображения иконок элементов карты, то в Zabbix заложена возможность добавления своих изображений. Для этого нам понадобятся сами изображения в формате **PNG**. Их можно подготовить самостоятельно или скачать с какого-либо ресурса. В ходе поисков нам понравился ресурс [PNG BARN](https://www.pngbarn.com/). Иконки с него можно скачать бесплатно, но их необходимо подготовить в графическом редакторе, так как на карте Zabbix применяются размеры: 24px, 48px, 64px, 128px: ![](Zabbix_network_Map_16.png) 2.1. После того как мы подготовили изображения переходим в раздел «Администрирование» -> «Общие» и выбираем подраздел «Изображения»: ![](Zabbix_network_Map_14.png) 2.2. Нажимаем кнопку «Создать иконку»: ![](Zabbix_network_Map_15.png) 2.3. Загружаем файл и указываем называние иконки: ![](Zabbix_network_Map_17.png) 2.4. Нажимаем «Добавить». Наша иконка появится в общем списке: ![](Zabbix_network_Map_18.png) 2.5. Переходим в режим редактирования карты, выбираем элемент и в раскрывающемся списке изображений: ![](Zabbix_network_Map_20.png) 2.6. Применяем изменения и наслаждаемся эстетикой и красотой созданной карты: ![](Zabbix_network_Map_21.png) ##### Источники: - - [https://www.pngbarn.com](https://www.pngbarn.com/) Bootstrap 4 Theme for [Grav](http://getgrav.org) --- ## Navigation - Parent: [Блог](https://itsch.ru/ru/index.md) - Previous: [Hesk — очень простой и бесплатный Help Desk](https://itsch.ru/ru/blog/hesk-nastraivaem-ochen-prostoj-i-besplatniy-help-desk.md) - Next: [Добавление узлов сети в Zabbix 5.0 LTS](https://itsch.ru/ru/blog/dobavlenie-uzlov-seti-v-zabbix-5-0-lts.md)