${emoji}
- `,
- iconSize: [size, size],
- iconAnchor: [size / 2, size / 2],
- popupAnchor: [0, -size / 2],
- });
-}
-
-function FlyTo({ lat, lng }: { lat: number; lng: number }) {
- const map = useMap();
- useEffect(() => {
- map.flyTo([lat, lng], Math.max(map.getZoom(), 13), { duration: 0.7 });
- }, [lat, lng, map]);
- return null;
-}
-
-function FitBoundsOnData({ points }: { points: { lat: number; lng: number }[] }) {
- const map = useMap();
- useEffect(() => {
- if (!points?.length) return;
- let bounds: LatLngBoundsLiteral = [
- [points[0].lat, points[0].lng],
- [points[0].lat, points[0].lng],
- ];
- for (const p of points) {
- bounds = L.latLngBounds(bounds).extend([p.lat, p.lng]) as any;
- }
- map.fitBounds(bounds, { padding: [30, 30] });
- }, [points, map]);
- return null;
-}
-
-export default function CompanyMap({ companies, selectedId, onSelect, autoFit = true }: Props) {
- const selected = useMemo(
- () => companies.find((c) => c.id === selectedId),
- [companies, selectedId]
- );
-
- const center = useMemo<[number, number]>(() => {
- if (!companies.length) return [46.0569, 14.5058]; // Ljubljana fallback
- const lat = companies.reduce((a, c) => a + c.lat, 0) / companies.length;
- const lng = companies.reduce((a, c) => a + c.lng, 0) / companies.length;
- return [lat, lng];
- }, [companies]);
-
- return (
-
+
+ + ๐ Your Location +
++ You are here +
+
+
+ + {provider.name} +
+ {provider.category && ( ++ {provider.category} +
+ )} + {provider.address && ( ++ ๐ {provider.address} +
+ )} + {provider.phone && ( ++ ๐ {provider.phone} +
+ )} + {provider.website && ( ++ ๐ + Website + +
+ )} +