네이버 지도 api 라우팅이 궁금합니다 ㅠㅠ

마커를 생성하고 마커를 클릭시 페이지 이동을 하고 싶은데 아무런 미동조차 없어서 해결하고자 올려봅니다 ㅠㅠ 페이지 구조는 넥스트 앱라우터 /dashboard/[shipId]/page.tsx 로 되어있습니다. 클릭시 아무런 반응도 없고 지피티나 구글을 찾아봐도 저렇게 이벤트를 주는 방법 말고는 보이지가 않아서 질문드립니다 ㅠㅠ

1'use client'
2import { Marker, NaverMarker } from '@/types/mapType';
3import { useRouter } from 'next/navigation';
4import { useEffect, useState } from 'react';
5
6export const createLatLng = (lat: number, lng: number) => {
7  // 네이버 객체를 가져옴
8  const { naver } = window;
9  return new naver.maps.LatLng(lat, lng);
10};
11
12export const useMarkers = ({
13  shipLocations,
14  location,
15  map,
16  shipIconUrl,
17  homeIconUrl,
18}: Marker) => {
19  const [markers, setMarkers] = useState<NaverMarker[]>([]);
20  const router = useRouter();
21
22  useEffect(() => {
23    if (location && map) {
24      const currentLocation = createLatLng(location.lat, location.lng);
25      const homeMarker = new naver.maps.Marker({
26        position: currentLocation,
27        map,
28        icon: {
29          url: homeIconUrl,
30          scaledSize: new naver.maps.Size(25, 25),
31          origin: new naver.maps.Point(0, 0),
32          anchor: new naver.maps.Point(19, 58),
33        },
34      });
35
36      const shipMarkers = shipLocations.map((ship) => {
37        const naverDataLocation = createLatLng(ship.lat, ship.lng);
38        const marker = new naver.maps.Marker({
39          position: naverDataLocation,
40          map,
41          title: `위도: ${ship.lat}, 경도: ${ship.lng}`,
42          // animation: naver.maps.Animation.BOUNCE,
43          icon: {
44            url: shipIconUrl,
45            scaledSize: new naver.maps.Size(25, 25),
46            origin: new naver.maps.Point(0, 0),
47            anchor: new naver.maps.Point(19, 58),
48          },
49        });
50
51        naver.maps.Event.addListener(marker, 'click', () => {
52          router.push(`/dashboard/${ship.id}`);
53        });
54
55        return marker;
56      });
57      setMarkers([homeMarker, ...shipMarkers]);
58    }
59  }, [map, shipLocations]);
60
61  return markers;
62};

이 질문이 도움이 되었나요?

'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

추천해요 0

보충이 필요해요 0

ssngkom 관련없음 없음 님의 질문