/
asb
/
sloy-map
Обзор
Документация
Войти
/
asb
/
sloy-map
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/lib/layers/visualization/LoadedVisualization.tsx
39 строк
1 KB
Anton Akhatov
upgrade tiles
13 фев 2024, 04:11
13 фев 2024, 04:11
8962ae1
Код
Авторство
О чём код?
import { Layer, Source } from "react-map-gl"; import { useAppSelector } from "@/state"; import { IVisualization } from "@/types"; import { useLoadGeoJSON } from "@/helpers/useLoadGeoJSON"; import { ClickableVisualization } from "./helpers/ClickableVisualization"; import { getLayerProps } from "./helpers/getLayerProps"; export default function LoadedVisualization({ vId, }: { vId: IVisualization["id"]; }) { const sources = useAppSelector((state) => state.sloy.config.sources); const visualizations = useAppSelector( (state) => state.sloy.config.visualizations, ); const visualization = visualizations[vId]; const source = sources[visualization?.source]; const { loading, data } = useLoadGeoJSON(source); if (loading || !source) return null; return ( <> <Source id={source.id} type="geojson" data={data} {...source.mapSourceProps} generateId /> {visualization.openable && ( <ClickableVisualization visualization={visualization} /> )} <Layer {...getLayerProps(visualization, source)} /> </> ); }