지도/로컬 API에 대한 문의게시판입니다.
이렇게 지도부분에 축소확대를 마우스 휠로 할 수 있어요 지도가 있긴 있는데 지도가 보여지지는 않습니다… ㅠ
맵 컴포넌트 만들어서 작성한 코드입니다…
import React, { useEffect } from “react”;
const { kakao } = window;
const Maps = () => {
useEffect(() => {
kakao.maps.load(() => {
const container = document.getElementById("myMap");
const options = {
center: new kakao.maps.LatLng(33.450701, 126.570667),
level: 7,
};
const map = new kakao.maps.Map(container, options);
});
}, []);
return (
<div
id="myMap"
style={{
width: "500px",
height: "500px",
}}
></div>
);
};
export default Maps;
그리고 인덱스.html 헤더부분에 스크립트 제대로 넣어주었어요
구글링 아무리해도 잘 쓴거 같은데 지도가 안나와요…
kakao.maps.load() 이 함수 안쓰면 kakao.maps.LatLng 이 생성자를 이해하지 못합니다… 그래서 적어줬는데
지도가 안뜨니 환장하겠네요 ㅠㅠ