есть набор объектов-прямоугольников, заданных в виде {center_lat, center_lng, length, width, yaw_angle, color}. Он сериализован в JSON. Максимальное расстояние между парой объектов - 2 км, максимальная длина/ширина - 100 м. Необходимо сделать одностраничное приложение (только фронт), которое отображает карту и позволяет загрузить JSON с объектами. После загрузки карта должна автоматом отмасштабироваться так, чтобы все объекты поместились, и объекты должны отрисоваться на ней в виде прямоугольников соответствующего цвета. Если какие-либо два (или более) объектов накладываются друг на друга (частично или полностью), обвести их жирной красной рамкой. Инструменты - ReactJS, mapbox/leaflet, TypeScript или ES6+ (первое более предпочтительно)

1. 4 rectangles
2. 1000 rectangles
3. You can generate your own JSON at json-generator.com with this template

The last app version from master is always deployed here.

1. Clone the project
2. Open project root in terminal
3. Install dependencies with yarn: yarn
4. Run the application in the development mode: yarn start
5. Open http://localhost:3000 to view it in the browser
6. Or build the project for the production: yarn build

1. Show errors with toasts, instead of alerts
2. Implement unit-tests
3. Implement e2e tests
4. Fix todos in the code
5. Check different browsers and devices support(now it was tested only in Chrome/MacOS)

This project was bootstrapped with Create React App.

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.