EN | UA

The application is designed to display the location of companies in a user-friendly way on a map with the ability to group the created markers into clusters. Various options for displaying map layers and additional options are available.

Structure:
Dependencies

Appearance:

Appearance (mobile version):
Portrait	Landscape

The following additional libraries are used:

1. Leaflet: JavaScript library for interactive maps
   • Leaflet Documentation
2. Leaflet.markercluster: An extension to Leaflet that allows markers to be grouped into clusters to improve map display efficiency.
   • Leaflet.markercluster Documentation
3. geoBoundaries Global Database: Political Administrative Boundaries Database an open license, standardized resource of boundaries for every country in the world.
   • geoBoundaries Global Database

The libraries are integrated into the project and no additional installation is required.

1. Download the project from the repository.
2. Open the HTML file in your web browser or use a local server to run it.

1. Map: The map coordinates and parameters are configured in L.map('map').setView([49.0, 31.0], 6); in the map.js file.
2. Markers: Company data is loaded from the companies.json file and used to place markers on the map. Markers are stored in the markers folder.
3. Clusters: The clustering of markers is implemented using Leaflet.markercluster.
4. Legend: Legend data is loaded from the legend.json file. Markers are stored in the markers folder.

1. State borders of Ukraine: Geodata for the borders of Ukraine are loaded from the geoBoundariesGeneral.geojson file.
2. Regional borders: The geodata for Ukrainian regions are loaded from the geoBoundariesSimplified.geojson file.
3. District borders: The geodata for for districts of Ukraine are loaded from the geoBoundariesDetailed.geojson file.

1. Adding Interactivity: I am considering adding additional interactivity for markers or additional layers on the map.

Copyright (c) 2023-2024 Serhii I. Myshko