현재 사용 중인 프로젝트는 SpringBoot 2.6.1 이며 웹 브라우저는 크롬으로 실행했습니다.
밑은 작성한 코드입니다.
<div align="center" id="map">
<script type="text/javascript">
// 지도 표시
var container = $("#map"); //지도를 담을 영역의 DOM 레퍼런스
var options = { //지도를 생성할 때 필요한 기본 옵션
center: new kakao.maps.LatLng(37.499453350021426, 127.03316070814535), //지도의 중심좌표.
level: 3 //지도의 레벨(확대, 축소 정도)
};
var map = new kakao.maps.Map(container, options); //지도 생성 및 객체 리턴
</script>
</div>
해당 코드를 다른 프로젝트 생성하여 실행했을 때는 동작 하는 것으로 보아
큰 차이점이라고 하면 tiles framework 사용했다는 점이 있지만 정확한 문제가 뭔지 모르겠어서 글 올려봅니다.
또 경고이긴 하나 ‘A parser-blocking, cross site’ 문구도 보이네요.