From c29f00c1017089b11bfca1a503228babbfc66379 Mon Sep 17 00:00:00 2001 From: Eduard Tsakhlo Date: Sat, 3 Aug 2024 23:33:38 +0300 Subject: [PATCH] feat: add kyiv borders on map --- .../ScooterProviderCoverageMap/index.tsx | 20 ++++++++++++++++++- src/data/kyiv.geojson | 17 ++++++++++++++++ src/data/kyiv.json | 17 ++++++++++++++++ 3 files changed, 53 insertions(+), 1 deletion(-) create mode 100644 src/data/kyiv.geojson create mode 100644 src/data/kyiv.json diff --git a/src/components/entities/scooter-providers/ScooterProviderCoverageMap/index.tsx b/src/components/entities/scooter-providers/ScooterProviderCoverageMap/index.tsx index e24f9c8..38a1fd3 100644 --- a/src/components/entities/scooter-providers/ScooterProviderCoverageMap/index.tsx +++ b/src/components/entities/scooter-providers/ScooterProviderCoverageMap/index.tsx @@ -4,6 +4,8 @@ import { Source, Layer } from "react-map-gl"; import { scooterProviders } from "data/scooterProviders"; import { Map } from "components/base"; +import kyivPolygon from "data/kyiv.json"; + const KYIV_COORDINATES = { latitude: 50.450001, longitude: 30.523333, @@ -28,6 +30,22 @@ export const ScooterProviderCoverageMap: FC = () => { }} scrollZoom={false} > + + + + {scooterProviders.flatMap((scooterProvider) => scooterProvider.coveragePolygons.map((coveragePolygon, index) => { if (!providersVisibility[scooterProvider.id]) return null; @@ -39,7 +57,7 @@ export const ScooterProviderCoverageMap: FC = () => { type="fill" paint={{ "fill-color": scooterProvider.brandColor, - "fill-opacity": 0.5, + "fill-opacity": 0.35, }} />