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, }} />