Застосунок призначений для відображення розташування компаній зрозумілим користувачу способом на мапі з можливістю групування створених маркерів у кластери. Доступні різні варіанти відображення шарів карти та додаткові опції.
| Структура: | |
|---|---|
| Залежності |  |
| Зовнішній вигляд: | |
|---|---|
 |
 |
| Зовнішній вигляд (мобільна версія): | |
|---|---|
 |
 |
| Портретний | Альбомний |
Використано наступні додаткові бібліотеки:
- Leaflet: JavaScript-бібліотека для інтерактивних карт.
- Leaflet.markercluster: Розширення для Leaflet, яке надає можливість групування маркерів у кластери для покращення ефективності відображення на мапі.
- geoBoundaries Global Database: База даних політичних адміністративних кордонів з відкритою ліцензією, стандартизований ресурс кордонів для кожної країни у світі.
Бібліотеки інтегровано у проєкт додаткового встановлення не потрібно.
- Завантажте проєкт з репозиторію.
- Відкрийте HTML-файл у вашому веб-браузері або використовуйте локальний сервер для запуску.
- Мапа: Координати та параметри мапи налаштовуються у
L.map('map').setView([49.0, 31.0], 6);у файліmap.js. - Маркери: Дані про компанії завантажуються з файлу
companies.jsonта використовуються для розміщення маркерів на мапі. Маркери зберігаються у папціmarkers. - Кластери: Кластеризація маркерів реалізована за допомогою
Leaflet.markercluster. - Легенда: Дані легенди завантажуються з файлу
legend.json. Маркери зберігаються у папціmarkers.
- Державні кордони України: Геодані для кордонів України завантажуються з файлу
geoBoundariesGeneral.geojson. - Обласні кордони: Геодані для областей України завантажуються з файлу
geoBoundariesSimplified.geojson. - Межі районів: Геодані для районів України завантажуються з файлу
geoBoundariesDetailed.geojson.
- Додавання Інтерактивності: Розглядаю можливість додавання додаткової інтерактивності для маркерів або додаткових шарів на мапі.