Бизнес задача: мы занимаемся перевозкой грузовых контейнеров. Хотим отобразить текущее положение контейнеров на карте. Можно использовать Google Maps или Яндекс Карты.

Контейнер может быть в двух состояниях:
1) на контейнером терминале в каком-то городе (stock) - отображаем точкой в указанной локации;

2) в пути между двумя терминалами (transit) - конкретные координаты мы не знаем, поэтому отображаем линией между двумя точками, между точкой выхода и точкой назначения.

В обороте у нас несколько десятков контейнеров. Хотим отобразить их все на одной карте, указав кол-во штук в той или иной локации или в транзите между локациями. Пример на скриншоте.

Отображаем не просто кол-во штук (число), а кол-во штук по типам контейнеров. Контейнеры бывают таких типов: "20'", "40'HC" и др. Например, на контейнерном терминале в Москве (stock) сейчас находится 1 контейнер типа "20'" и 3 контейнера типа "40'HC". Значит на карте рядом с точкой "Москва" должна быть подпись "1-20', 3-40'HC" - таким образом видим кол-во контейнеров каждого типа.

Техническое задание:
Нужен виджет на JavaScript, который я мог бы инициализировать на своём сайте следующим образом:
```JavaScript
const widget = new ContainersMapWidget(document.getElementById('some-div'), data);
```

Где переменная data - это объект следующей структуры: https://gist.github.com/pqr/c7a477599f553d4b5ce54c9605200a46

Виждет будет встроен на простой сайт с jQuery (без React/Vue/etc), поэтому желательно чтобы виджет была написан на простом JavaScript/TypeScript, а не в виде компонента для React/Vue/etc.

Бюджет обсуждаем.