Behrad/aramesh-backend
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(map): زوم‌اوت آزاد در نقشهٔ صفحهٔ پروژه — حذف maxBounds که جابه‌جایی را به محدودهٔ پروژه می‌بست

Browse Source
This commit is contained in:
aramesh-site deploy
2026-10-09 17:46:11 +00:00
parent f0f483a9d1
commit 450d5dd239
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/map/ProjectsMapSingle.tsx
+3 -3
View File
@@ -1,7 +1,7 @@
import { useMemo } from 'react' import { useMemo } from 'react'
import { createPortal } from 'react-dom' import { createPortal } from 'react-dom'
import { MdOpenInNew } from 'react-icons/md' import { MdOpenInNew } from 'react-icons/md'
import { boundsForProjects, buildGoogleMapsUrl, type MapProject } from '../data/mapProjects' import { buildGoogleMapsUrl, type MapProject } from '../data/mapProjects'
import { useLang } from '../i18n/lang' import { useLang } from '../i18n/lang'
import { MapViewport } from './MapViewport' import { MapViewport } from './MapViewport'
import { POPUP_PRIMARY_CLASS, ProjectPopupCard } from './ProjectPopupCard' import { POPUP_PRIMARY_CLASS, ProjectPopupCard } from './ProjectPopupCard'
@@ -25,11 +25,11 @@ export type ProjectsMapSingleProps = {
export function ProjectsMapSingle({ location, images = [], className = '' }: ProjectsMapSingleProps) { export function ProjectsMapSingle({ location, images = [], className = '' }: ProjectsMapSingleProps) {
const { t } = useLang() const { t } = useLang()
const projects = useMemo(() => [location], [location]) const projects = useMemo(() => [location], [location])
const bounds = useMemo(() => boundsForProjects(projects, 0.008), [projects]) // بدون maxBounds — زوم‌اوت آزاد تا دید کشوری (هم‌رفتار با نقشهٔ صفحهٔ پروژه‌ها)
const { containerRef, map, status, retry } = useMapLibre({ const { containerRef, map, status, retry } = useMapLibre({
center: [location.lng, location.lat], center: [location.lng, location.lat],
zoom: 15, zoom: 15,
maxBounds: bounds, minZoom: 5,
}) })
const { popupHost, activeProject, closePopup } = useProjectMarkers(map, projects) const { popupHost, activeProject, closePopup } = useProjectMarkers(map, projects)