/global kakao/
import React , { useEffect } from ‘react’;
export default () => {
useEffect(() => {
// document.cookie = 'same-site-cookie=foo; SameSite=None; Secure';
// document.cookie = 'cross-site-cookie=bar; SameSite=None; Secure';
const script = document.createElement('script');
script.async = true;
script.src = "https://dapi.kakao.com/v2/maps/sdk.js?appkey=나의 앱키&autoload=false";
document.head.appendChild(script);
script.onload = () => {
kakao.maps.load(() => {
let el = document.getElementById('map');
let map = new kakao.maps.Map(el, {
center: new kakao.maps.Coords(523951.25, 1085073.75)
});
});
};
}, []);
return (
<div>
<div id="map" style={{ width: "100%", height: "100%" }}>
</div>
</div>
)
}
지도불러오는 코드입니다.
이코드를 작동시키면
chrome console화면에
이렇게 화면에 표시되는데 문제가 있는것인지 궁금해서 문의드립니다.