Эх сурвалжийг харах

fix: OSM тайлы + фильтр invert/hue-rotate/saturate/brightness

neyrogovnarik 1 сар өмнө
parent
commit
5e3351b813

+ 1 - 0
frontend/src/components/MapView.tsx

@@ -134,6 +134,7 @@ export default function MapView() {
 
   return (
     <div className="relative h-full w-full">
+      <style>{'.leaflet-tile-pane { filter: invert(1) hue-rotate(180deg) saturate(0.6) brightness(0.5); }'}</style>
       {mapError ? (
         <div className="flex h-full w-full items-center justify-center">
           <div className="text-center">

+ 1 - 1
frontend/src/lib/map.ts

@@ -18,7 +18,7 @@ export interface MarkerOptions {
   color?: string
 }
 
-const TILE_URL = 'https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png'
+const TILE_URL = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'
 const MARKER_COLORS: Record<string, string> = {
   place: '#FFF82A',
   studio: '#FF80DF',