[FAQ] 지도/로컬 API 문의 전 꼭 읽어 주세요.
https://devtalk.kakao.com/t/faq-api/125610
react로 카카오맵 api 사용하고 있습니다.
import { ftruncateSync } from "fs";
import { useEffect } from "react";
declare global {
interface Window {
kakao: any;
}
}
interface MapProps {
width: string;
height: string;
}
function Map({ width, height }: MapProps) {
useEffect(() => {
const container = document.getElementById(`map`); // 지도를 담을 영역의 DOM 레퍼런스
const options = {
center: new window.kakao.maps.LatLng(33.450701, 126.570667), // 지도 중심 좌표
level: 3, // 지도의 레벨(확대, 축소 정도)
};
const map = new window.kakao.maps.Map(container, options); // 지도 생성 및 객체 리턴
}, []);
return <div id="map" style={{ width, height }} />;
};
export default Map;
위 코드로 실행을 하니 처음에 나온 화면이 확대와 축소를 할 때 계속 잔상이 남아 걱정이네요
어떻게 해결해야 할까요