+ {!userLocation && 위치 정보를 가져오고 있어요!}
+
+
+ {userLocation &&
+ JSON.stringify(userLocation) === JSON.stringify(NO_PROVIDE_LOCATION) ? (
+
+ 위치정보를 제공하지 않아 길찾기 기능을 이용할 수 없습니다.
+
+ ) : (
+ userLocation &&
+ !distanceHandler(userLocation.LAT, userLocation.LNG) && (
+
+ 현재 학교 외부에 있어요!
+ 길찾기 기능을 이용해보세요
+ {roadAddress && <>현재 주소 : {roadAddress}}
+
+ )
+ )}
+
+
+ );
+};
+
+export default memo(UserLocation);
+
+const LocationMessage = styled.div`
+ flex: 5;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ font-weight: bold;
+ font-size: 18px;
+ color: ${THEME.TEXT.GRAY};
+
+ & > div > span {
+ line-height: 15px;
+ font-size: 12px;
+ }
+`;
diff --git a/src/pages/Map/handlers/distance-handler.ts b/src/pages/Map/handlers/distance-handler.ts
new file mode 100644
index 00000000..91103f2d
--- /dev/null
+++ b/src/pages/Map/handlers/distance-handler.ts
@@ -0,0 +1,28 @@
+import { PKNU_MAP_CENTER } from '@constants/pknu-map';
+
+const deg2rad = (deg: number) => deg * (Math.PI / 180);
+
+const haversineDistance = (lat: number, lng: number) => {
+ const R = 6371000; // 지구 반지름 (단위: m)
+
+ const dLat = deg2rad(PKNU_MAP_CENTER.LAT - lat);
+ const dLon = deg2rad(PKNU_MAP_CENTER.LNG - lng);
+
+ const halfSideLength =
+ Math.sin(dLat / 2) * Math.sin(dLat / 2) +
+ Math.cos(deg2rad(PKNU_MAP_CENTER.LAT)) *
+ Math.cos(deg2rad(lat)) *
+ Math.sin(dLon / 2) *
+ Math.sin(dLon / 2);
+ const angularDistance =
+ 2 * Math.atan2(Math.sqrt(halfSideLength), Math.sqrt(1 - halfSideLength));
+
+ return R * angularDistance;
+};
+
+const distanceHandler = (lat: number, lng: number) => {
+ const maxDistance = 450;
+ return haversineDistance(lat, lng) <= maxDistance;
+};
+
+export default distanceHandler;
diff --git a/src/pages/Map/handlers/limit-handler.ts b/src/pages/Map/handlers/limit-handler.ts
new file mode 100644
index 00000000..b76f1832
--- /dev/null
+++ b/src/pages/Map/handlers/limit-handler.ts
@@ -0,0 +1,71 @@
+import AlertModal from '@components/Modal/AlertModal';
+import { MODAL_MESSAGE } from '@constants/modal-messages';
+import { PKNU_MAP_LIMIT } from '@constants/pknu-map';
+import { ComponentProps, FunctionComponent } from 'react';
+
+type MapLimitHandler = (
+ map: any,
+ centerLocation: any,
+ openModal: (
+ Component: FunctionComponent