Отображение проектов компании на карте с помощью MapSVG

Основные требования были следующими:

🔠Отображение проектов на карте с указанием городов.

🔠Возможность приближения карты (зум), так как многие проекты расположены близко друг к другу.

🔠Вывод логотипов компаний в подсказке при клике на точку проекта.

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

Однако возникла сложность: калиброванные карты, предоставляемые MapSVG, были доступны только для отдельных стран. В нашем случае нужно было отобразить проекты в Беларуси и Узбекистане, которые не были включены в стандартные калиброванные карты.

Решение проблемы:

🔠Скопировали существующую калиброванную карту.

🔠Добавили в нее недостающие страны (Беларусь и Узбекистан).

🔠Переработали SVG-файл, чтобы он отображал сразу три страны в одном файле.

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

После добавления новых стран карта стала некалиброванной. Это наложило определенные ограничения:

🔠Точки на карте теперь размещаются приблизительно. Пользователь кликает мышкой в нужное место, и точка ставится туда.

🔠Точность размещения точек снизилась, но для наших задач этого было достаточно.

Несмотря на это, функциональность карты осталась прежней:

🔠Возможность приближения (зум).

🔠Отображение логотипов компаний при клике на точку.

💎 Несмотря на некоторые ограничения, связанные с некалиброванными картами, удалось достичь всех поставленных целей 💎

Ссылка на проект