Skip to content

Commit

Permalink
Add positions and update exhibitor mapping code
Browse files Browse the repository at this point in the history
  • Loading branch information
@ivbq
ivbq committed Sep 29, 2024
1 parent 12c6403 commit 5920b48
Showing 1 changed file with 135 additions and 39 deletions.
174 changes: 135 additions & 39 deletions src/components/Map/NewMap.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,27 +13,106 @@ const exhibitorMarker = (id: string, selected: boolean): DivIcon =>
});

const positions: { [k: number]: [number, number] } = {
1: [-0.03, -0.05],
2: [-0.03, 0.06],
3: [-0.03, 0.17],
4: [0.1, -0.02],
5: [0.1, 0.11],
6: [0.12, -0.19],
7: [0.24, -0.16],
8: [0.32, 0.01],
9: [0.3, 0.17],
10: [0.22, 0.25],
11: [0.10, 0.25],
12: [0.55, 0.1],
13: [0.55, 0.25],
14: [0.67, -0.05],
15: [0.67, 0.06],
16: [0.67, 0.17],
17: [0.67, 0.28],
18: [0.67, 0.39],
19: [0.57, 0.40],
20: [0.47, 0.40],
21: [-0.06, 0],
1: [-0.46, -0.542],
2: [-0.36, -0.52],
3: [-0.25, -0.495],
4: [-0.28, -0.71],
5: [-0.21, -0.78],
6: [-0.11, -0.74],
7: [-0.2, -0.63],
8: [0.07, -0.65],
9: [0.21, -0.60],
10: [0.35, -0.55],
11: [0.13, -0.50],
12: [0.22, -0.47],
13: [0.32, -0.44],
14: [0.3, -0.35],
15: [0.2, -0.38],
16: [0.11, -0.41],
17: [0.09, -0.30],
18: [0.2, -0.27],
19: [0.31, -0.24],
20: [0.55, -0.42],
21: [0.55, -0.34],
22: [0.55, -0.26],
23: [0.415, -0.23],
24: [0.4, -0.15],
25: [0.68, -0.06],
26: [0.68, 0.01],
27: [0.68, 0.08],
28: [0.68, 0.15],
29: [0.68, 0.22],
30: [0.68, 0.29],
31: [0.60, 0.40],
32: [0.50, 0.4],
33: [0.41, 0.32],
34: [0.41, 0.24],
35: [0.41, 0.16],
36: [0.52, 0.16],
37: [0.52, 0.26],
38: [0.58, 0.26],
39: [0.58, 0.16],
40: [0.1, -0.18],
41: [0.24, -0.15],
42: [0.32, 0],
43: [0.32, 0.11],
44: [0.32, 0.22],
45: [0.22, 0.25],
46: [0.10, 0.25],
47: [-0.04, 0.27],
48: [-0.04, 0.12],
49: [-0.04, -0.03],
50: [0.10, -0.02],
51: [0.10, 0.1],
52: [0.20, 0.1],
53: [0.20, -0.02],
54: [-0.12, -0.23],
55: [-0.12, -0.05],
56: [-0.12, 0.07],
57: [-0.12, 0.19],
58: [-0.12, 0.31],
59: [-0.18, 0.5],
60: [-0.24, 0.26],
61: [-0.24, -0.14],
62: [-0.35, -0.29],
63: [-0.305, -0.14],
64: [-0.305, -0.03],
65: [-0.305, 0.13],
66: [-0.305, 0.23],
67: [-0.305, 0.33],
68: [-0.35, 0.49],
69: [-0.4, 0.3],
70: [-0.4, 0.19],
71: [-0.4, 0.08],
72: [-0.4, -0.03],
73: [-0.4, -0.14],
74: [-0.10, 0.76],
75: [-0.16, 0.84],
76: [-0.27, 0.865],
77: [-0.38, 0.89],
78: [-0.49, 0.915],
79: [-0.6, 0.88],
80: [-0.22, -0.85],
81: [-0.03, -0.88],
82: [0.06, -0.85],
83: [0.15, -0.82],
84: [0.24, -0.79],
85: [0.10, -0.53],
86: [0, -0.555],
87: [-0.1, -0.58],
88: [-0.2, -0.605],
89: [0.3, -0.15],
90: [0.3, 0],
91: [0.3, 0.15],
92: [0.3, 0.3],
93: [0.3, 0.58],
94: [0, 0.43],
95: [-0.08, 0.12],
96: [-0.08, 0],
97: [0.09, -0.05],
98: [-0.08, -0.15],
99: [-0.08, -0.3],
100: [0.09, -0.37],
};

export default function Map({
Expand Down Expand Up @@ -74,33 +153,50 @@ export default function Map({
<LayersControl.BaseLayer checked={mapInView == 1} name="Floor 2">
<LayerGroup>
<ImageOverlay url="/img/map/floor-2.svg" bounds={[[-1, -1], [1, 1]]}/>
{Object.keys(exhibitors).map((key) => {
const exhibitor = exhibitors[key];
if (!exhibitor || exhibitor.position === undefined) {
console.error(`Exhibitor or exhibitor position is undefined for key: ${key}`);
return null;
}
return (
<Marker
key={key}
position={positions[exhibitor.position] as LatLngExpression}
icon={exhibitorMarker(exhibitor.position.toString(), selectedExhibitor === +key)}
eventHandlers={
{click: () => setSelectedExhibitor(+key)}
}
/>
);
{Object.keys(Object.fromEntries(Object.entries(exhibitors).slice(0, 79))).map((key) => {
const exhibitor = exhibitors[key];
if (!exhibitor || exhibitor.position === undefined) {
console.error(`Exhibitor or exhibitor position is undefined for key: ${key}`);
return null;
}
return (
<Marker
key={key}
position={positions[exhibitor.position] as LatLngExpression}
icon={exhibitorMarker(exhibitor.position.toString(), selectedExhibitor === +key)}
eventHandlers={
{click: () => setSelectedExhibitor(+key)}
}
/>
);
})}
</LayerGroup>
</LayersControl.BaseLayer>
<LayersControl.BaseLayer checked={mapInView == 2} name="Floor 3">
<LayerGroup>
<ImageOverlay url="/img/map/floor-3.svg" bounds={[[-1, -1], [1, 1]]}/>
{Object.keys(Object.fromEntries(Object.entries(exhibitors).slice(79, 100))).map((key) => {
const exhibitor = exhibitors[key];
if (!exhibitor || exhibitor.position === undefined) {
console.error(`Exhibitor or exhibitor position is undefined for key: ${key}`);
return null;
}
return (
<Marker
key={key}
position={positions[exhibitor.position] as LatLngExpression}
icon={exhibitorMarker(exhibitor.position.toString(), selectedExhibitor === +key)}
eventHandlers={
{click: () => setSelectedExhibitor(+key)}
}
/>
);
})}
</LayerGroup>
</LayersControl.BaseLayer>
<LayersControl.BaseLayer checked={mapInView == 3} name="KTH Entrance">
{/* <LayersControl.BaseLayer checked={mapInView == 3} name="KTH Entrance">
<ImageOverlay url="/img/map/kth-entrance.svg" bounds={[[-1, -1], [1, 1]]}/>
</LayersControl.BaseLayer>
</LayersControl.BaseLayer> */}
</LayersControl>
</MapContainer>
</div>
Expand Down

0 comments on commit 5920b48

Please sign in to comment.