web : nextjs 13 app router

리액트 네이티브: 0.7 이상

라이브러리: react-kakao-maps-sdk 사용중

크롬, 사파리, 안드로이드는 정상적으로 지도가 출력되는 걸 확인 하였으나 ios 웹뷰에서만 정상적으로 작동하지 않습니다..

layout에 <Script> 로 카카오 지도 api 경로를 넣어준 상태로 아래 useEffect를 실행시키니 alert에는 아래와 같은 메세지가 나오고

지도가 표현되지 않습니다 혹시 비슷한 현상을 겪은 분이 계실까요 ㅠ?

혹시 몰라 안드로이드의 정상처리 결과도 공유드립니다. 차이점이 있다면 readyState 값이 2로 변경되어 들어오는 것 같습니다..

useEffect(() => {
        alert(JSON.stringify(kakao));
		// <Map onCreate={setMap} /> 
		// Map 컴포넌트에 map을 세팅하는 로직 있음 현재는 계속 undefind로 들어옴
        if (!map) return;

        // window && reactNativeCall({ rnEvent: RNEventEnum.ConsoleLog, rnData: map });
        const bounds = new kakao.maps.LatLngBounds();
        let markers: MapMarkerProps[] = [];

        for (var i = 0; i < golfData.length; i++) {
            // @ts-ignore
            markers.push({
                position: {
                    lat: Number(golfData[i].y),
                    lng: Number(golfData[i].x),
                },
                title: golfData[i].place_name,
            });
            // @ts-ignore
            bounds.extend(new kakao.maps.LatLng(golfData[i].y, golfData[i].x));
        }
        setMarkers(markers);

        map.setBounds(bounds);
    }, [map]);

0개의 답변

기술 목록