WEB

커스텀 오버레이 생성 커스텀 오버레이 객체 생성 먼저 커스텀 오버레이 객체를 생성해준다. // Main.jsx /* 생략 */ function MainPage() { const [customOverlay, setCustomOverlay] = useState(null); // 카카오맵 초기화 const initMap = () => { /* 생략 */ // 커스텀 오버레이 생성 const customOverlay = new kakao.maps.CustomOverlay({ // 지도 중심좌표에 마커를 생성 map: map, // 마커를 생성할 지도 position: null, // 마커의 위치(LatLng) content: "", // 마커의 내용(HTML 형식) yAnchor: 0 // 컨텐츠의 y축 위치 ..

자바 스크립트에서 돌아가던 카카오맵 코드를 리액트로 그대로 옮기니 에러가 엄청 생겼다. 당연한 말이겠지만, 조금 수정한 것도 아니고 갈아엎다시피 했기 때문에 글로 남겨놓는다. Kakao Developers에서 앱 등록하기 카카오맵 API를 사용하기 위해서는 아래 링크에서 어플리케이션 등록을 해야한다. https://developers.kakao.com/ 위 화면에서 내 애플리케이션을 클릭한다. 애플리케이션 추가하기를 누르면 아래 정보를 기입하라는 모달창이 뜬다. 앱 아이콘 앱 이름 사업자명 카테고리 내용은 아무렇게 기입하면 된다. 나는 test라는 이름으로 생성하였다. 앱을 추가한 후, 해당 앱으로 들어오면 위와 같은 화면이 나타난다. 플랫폼 항목에서 플랫폼 설정하기를 클릭한다. Web 플랫폼 등록을 클..