В редакторе SVG файлов нарисуйте векторное изображение картосхемы.
Откройте получившийся файл через редактор кода.
Получившийся код скопируйте и вставить в форму кода на портале https://highcharts.github.io/map-from-svg/.
Нажать кнопку Load и посмотреть, что получилось справа.
Скопировать код в блокнот, добавив каждому полигону следующие параметры:
1. hc-code (код для карты) – это использовать в данных;
2. short-name (короткое имя);
3. full-name (длинное имя).
Сохраните получившийся код в формате "*.js".
Назовите файл, например russia_wiki.js.
Добавьте получившийся файл в папку на сервер по адресу /docker-volume/dashboard-viewer/customjs.
Откройте приложение Dashboard Designer.
На вкладке “Пользовательские виджеты”, нажмите кнопку“Создать новый”.
В открывшемся окне введите название для виджета.
В поле “Код виджета” (JavaScript) вставьте код из файла widgets_kod.js.
Нажмите кнопку “Сохранить”.
Добавьте виджет в рабочую область.
На вкладке “Привязка данных”, привяжите данные для виджета.

Важно!

Для корректного отображения информации, в данных должен существовать атрибут с гео кодом. Данный гео код должен соответствовать полю “hc-code” из файла russia_wiki.js.

Важно!

Не забудьте указать название добавленного файла в пользовательских свойствах виджета.

Параметр:

"useMap": "*",

	Файл	Изменено
Метки Нет меток Preview Просмотр	Файл JavaScript widgets_kod.js	мая 18, 2021 by Visiology Robot

Браузер не поддерживается