크롬에서 지도가 로드되지않아요

지도/로컬 API
#1 
    <div id="map" style="width:100%;height:400px;"></div>
    <script type="text/javascript" src="https://dapi.kakao.com/v2/maps/sdk.js?appkey={JS KEY}">

		var container = document.getElementById('map'); //지도를 담을 영역의 DOM 레퍼런스
        var options = { //지도를 생성할 때 필요한 기본 옵션
            center: new kakao.maps.LatLng(37.6099767, 126.9973002), //지도의 중심좌표.
            level: 3 //지도의 레벨(확대, 축소 정도)
        };
        var map = new kakao.maps.Map(container, options); //지도 생성 및 객체 리턴
	</script>

지도도 로드되지 않고

  1. Indicate whether to send a cookie in a cross-site request by specifying its SameSite attribute

  2. Because a cookie’s SameSite attribute was not set or is invalid, it defaults to SameSite=Lax, which prevents the cookie from being sent in a cross-site request. This behavior protects user data from accidentally leaking to third parties and cross-site request forgery.

Resolve this issue by updating the attributes of the cookie:

* Specify SameSite=None and Secure if the cookie should be sent in cross-site requests. This enables third-party use.
* Specify SameSite=Strict or SameSite=Lax if the cookie should not be sent in cross-site requests.

위와 같은 오류도 뜨는데 어떻게 해결해야하나요?

#2

해당 문구는 SameSite가 Lax로 설정되서 생긴 현상으로 SameSite를 None으로 설정해서 확인해주세요.
노드 또는 자바 환경에서 사용하고 있다면 서버 설정으로 SameSite를 None으로 설정할 수 있습니다.