LukeParke/website
1
0
Fork 0
mirror of https://github.com/LukeHagar/website.git synced 2025-12-07 21:07:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Jesse Winton
2025-04-14 17:35:21 -04:00
parent f5466fdf02
commit c0a48418ba
2 changed files with 6 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/appwrite-network/map-marker.svelte
View File

@@ -59,7 +59,7 @@
'group absolute flex size-3 cursor-pointer items-center justify-center opacity-0 [animation-delay:var(--delay)]',
{ 'animate-fade-in': animate }
)}
style="left:{position.x}px; top:{position.y}px; --delay:{index * 10}ms;"
style="left:{position.x}%; top:{position.y}%; --delay:{index * 10}ms;"
data-region={slugify(city)}
data-active={isOpen}
>

15
src/lib/components/appwrite-network/utils/projections.ts
View File

@@ -16,18 +16,13 @@ export const latLongToSvgPosition = ({
width,
height
}: Coordinates & { width: number; height: number }) => {
let adjustedLong = longitude;
if (longitude < MAP_BOUNDS.west) {
adjustedLong += 360;
} else if (longitude > MAP_BOUNDS.east) {
adjustedLong -= 360;
}
const { west, east, north, south } = MAP_BOUNDS;
const x = ((adjustedLong - MAP_BOUNDS.west) / (MAP_BOUNDS.east - MAP_BOUNDS.west)) * width;
const latRatio = (MAP_BOUNDS.north - latitude) / (MAP_BOUNDS.north - MAP_BOUNDS.south);
const lngRatio = (longitude - west) / (east - west);
const latRatio = (north - latitude) / (north - south);
const adjustedLatRatio = Math.pow(latRatio, 0.95) * 0.96 + latRatio * 0.04;
const y = adjustedLatRatio * height;
const x = Math.max(0, Math.min(1, lngRatio)) * 100; // % instead of px
const y = Math.max(0, Math.min(1, latRatio)) * 100;
return { x, y };
};