From 8de56fcd6a2bb8560b6199e48f264602629afadb Mon Sep 17 00:00:00 2001 From: Patrick Browne Date: Thu, 5 Sep 2024 17:25:38 +0200 Subject: [PATCH] feat: Add minimap --- website/ambient.d.ts | 3 +- website/src/components/Mutations/Minimap.tsx | 53 ++++++++++++++++++++ website/src/pages/mutations.tsx | 52 ++++++++++++++----- 3 files changed, 94 insertions(+), 14 deletions(-) create mode 100644 website/src/components/Mutations/Minimap.tsx diff --git a/website/ambient.d.ts b/website/ambient.d.ts index 27a86c35..d2cf6ea2 100644 --- a/website/ambient.d.ts +++ b/website/ambient.d.ts @@ -27,9 +27,10 @@ declare module "@deck.gl/layers" { export const GeoJsonLayer: $FixMe; export const LineLayer: $FixMe; export const PathLayer: $FixMe; + export const ScatterplotLayer: $FixMe; } declare module "@deck.gl/react" { export const DeckGL: $FixMe; export default DeckGL; -} \ No newline at end of file +} diff --git a/website/src/components/Mutations/Minimap.tsx b/website/src/components/Mutations/Minimap.tsx new file mode 100644 index 00000000..e0cf9870 --- /dev/null +++ b/website/src/components/Mutations/Minimap.tsx @@ -0,0 +1,53 @@ +import { GeoJsonLayer, ScatterplotLayer } from "@deck.gl/layers"; +import DeckGL from "@deck.gl/react"; +import { useGeoData } from "src/domain/geodata"; + +const Minimap = ({ + viewState, + extentViewState, +}: { + viewState: { longitude: number; latitude: number; zoom: number }; + extentViewState: { longitude: number; latitude: number; zoom: number }; +}) => { + const { data: geoDataMinimap } = useGeoData({ + year: "2022", + format: "topojson", + simplify: 0.02, + shapes: new Set(["country"]), + projection: "wgs84", + color: "default", + dimensions: { width: 800, height: 600 }, + withName: false, + }); + + return ( + + + 10000} + getPosition={(d) => d.coordinates} + getFillColor={[0, 0, 255, 50]} + getLineColor={[0, 0, 0]} + getLineWidth={10} + data={[ + { + coordinates: [extentViewState.longitude, extentViewState.latitude], + }, + ]} + /> + + ); +}; + +export default Minimap; diff --git a/website/src/pages/mutations.tsx b/website/src/pages/mutations.tsx index cdd59872..9c731c38 100644 --- a/website/src/pages/mutations.tsx +++ b/website/src/pages/mutations.tsx @@ -21,10 +21,18 @@ import * as turf from "@turf/turf"; import { FlyToInterpolator } from "@deck.gl/core"; import { parse } from "path"; import { useQuery } from "react-query"; +import { GeoJsonLayer } from "@deck.gl/layers"; +import DeckGL from "@deck.gl/react"; const MutationsMap = dynamic(() => import("../components/Mutations/Map"), { ssr: false, }); +const MutationsMinimap = dynamic( + () => import("../components/Mutations/Minimap"), + { + ssr: false, + } +); const INITIAL_VIEW_STATE = { latitude: 46.8182, @@ -209,7 +217,11 @@ export default function Page() { >
{year1} - +
{year2} - +
+
+ +
); } - -const SAMPLE_HTML = ` - - - - - - - -
N° d'hist.CantonN° du districtNom du districtN° OFS communeNom de la communeRaison de la radiationRaison de l'inscription
Numéro de mutation : 3964, Type de mutation : Inclusion de commune, Entrée en vigueur : 01.01.2023
11735ZH102Bezirk Andelfingen21AdlikonRadiation
12173ZH102Bezirk Andelfingen32HumlikonRadiation
13214ZH102Bezirk Andelfingen30AndelfingenModification du territoire
16621ZH102Bezirk Andelfingen291AndelfingenModification du territoire
Numéro de mutation : 3965, Type de mutation : Inclusion de commune, Entrée en vigueur : 01.01.2023
15116BE246Verwaltungskreis Bern-Mittelland536DiemerswilRadiation
15125BE246Verwaltungskreis Bern-Mittelland546MünchenbuchseeModification du territoire
16622BE246Verwaltungskreis Bern-Mittelland546MünchenbuchseeModification du territoire
Numéro de mutation : 3966, Type de mutation : Inclusion de commune, Entrée en vigueur : 01.01.2023
14441SG1727Wahlkreis Toggenburg3372HembergRadiation
14444SG1727Wahlkreis Toggenburg3375OberhelfenschwilRadiation
14950SG1727Wahlkreis Toggenburg3378NeckertalModification du territoire
16623SG1727Wahlkreis Toggenburg3396NeckertalModification du territoire
Numéro de mutation : 3967, Type de mutation : Inclusion de commune, Entrée en vigueur : 01.01.2023
13301JU2602District des Franches-Montagnes6743Les BreuleuxModification du territoire
13302JU2602District des Franches-Montagnes6744La Chaux-des-BreuleuxRadiation
16624JU2602District des Franches-Montagnes6743Les BreuleuxModification du territoire
Numéro de mutation : 3968, Type de mutation : Inclusion de commune, Entrée en vigueur : 01.01.2023
11503AG1905Bezirk Kulm4133Burg (AG)Radiation
12397AG1905Bezirk Kulm4139MenzikenModification du territoire
16625AG1905Bezirk Kulm4139MenzikenModification du territoire
Numéro de mutation : 3969, Type de mutation : Fusion de communes, Entrée en vigueur : 01.01.2023
10849AG1906Bezirk Laufenburg4179UekenRadiation
12317AG1906Bezirk Laufenburg4166HerznachRadiation
16626AG1906Bezirk Laufenburg4186Herznach-UekenCréation
Numéro de mutation : 3970, Type de mutation : Fusion de communes, Entrée en vigueur : 01.01.2023
13334JU2603District de Porrentruy6787DamphreuxRadiation
13340JU2603District de Porrentruy6793LugnezRadiation
16627JU2603District de Porrentruy6811Damphreux-LugnezCréation
Numéro de mutation : 3983, Type de mutation : Inclusion de commune, Entrée en vigueur : 01.01.2024
15266BE247Verwaltungskreis Thun767ReutigenModification du territoire
15344BE247Verwaltungskreis Thun947ZwieselbergRadiation
16651BE247Verwaltungskreis Thun767ReutigenModification du territoire
Numéro de mutation : 3984, Type de mutation : Inclusion de commune, Entrée en vigueur : 01.01.2024
15375BE244Verwaltungskreis Oberaargau992Wangen an der AareModification du territoire
15376BE244Verwaltungskreis Oberaargau993WangenriedRadiation
16652BE244Verwaltungskreis Oberaargau992Wangen an der AareModification du territoire
Numéro de mutation : 3985, Type de mutation : Inclusion de commune, Entrée en vigueur : 01.01.2024
14067SO1103Bezirk Bucheggberg2456Lüterswil-GächliwilRadiation
15642SO1103Bezirk Bucheggberg2465BucheggModification du territoire
16653SO1103Bezirk Bucheggberg2465BucheggModification du territoire
Numéro de mutation : 3986, Type de mutation : Fusion de communes, Entrée en vigueur : 01.01.2024
13320JU2603District de Porrentruy6773BeurnevésinRadiation
13322JU2603District de Porrentruy6775BonfolRadiation
16654JU2603District de Porrentruy6812Basse-VendlineCréation
Numéro de mutation : 3987, Type de mutation : Inclusion de commune, Entrée en vigueur : 01.01.2024
10886AG1902Bezirk Baden4042TurgiRadiation
13189AG1902Bezirk Baden4021BadenModification du territoire
16655AG1902Bezirk Baden4021BadenModification du territoire
-`;