-
-
-
- Get started by editing
src/app/page.tsx. -
- - Save and see your changes instantly. -
+ Uporabne povezave
+
+ Povezava 1
+ Povezava 2
+ Povezava 3
+ Povezava 4
+
+
+
+ PetAdviser
+
+ O nas 1
+ O nas 2
+ O nas 3
+ O nas 4
+
+
+
+ Vizitka
+
+
+
+
+
+
+
+ ${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 (
+