React로 카카오 map 사용하고 있습니다.
확대/축소 시 초기에 생성한 map정보(초기 좌표 값)가 일시적으로 렌더링(깜빡임 현상) 됩니다.
(렌더링 주기와 관련이 있을까요…?)
// 카카오 API 호출
useEffect(() => {
const kakaoMapScript = document.createElement('script');
kakaoMapScript.async = true;
kakaoMapScript.src = `//dapi.kakao.com/v2/maps/sdk.js?appkey=${process.env.NEXT_PUBLIC_MAP_KEY}&autoload=false`;
document.head.appendChild(kakaoMapScript);
const container = document.getElementById('icheon-map');
const onLoadKakaoAPI = () => {
window.kakao.maps.load(() => {
const options = {
center: new window.kakao.maps.LatLng(33.33101, 126.457), // 초기 중심 좌표 (위도, 경도)
level: 5,
};
const map = new window.kakao.maps.Map(container, options); // 지도 생성
});
};
kakaoMapScript.addEventListener('load', onLoadKakaoAPI);
}, []);