카카오맵 오버레이가 안돼네요ㅜ

카카오맵 API (지도/로컬)
1

vue.js로 카카오맵에 오버레이를 띄우려고 하는데 구현이 안됍니다.

<template>
  <div>
    <div id="map"></div>
    <!-- <img src="@/assets/data/icons/sun_icon.png" style="width: 50px" /> -->
  </div>
</template>
mounted() {
    if (window.kakao && window.kakao.maps) {
      this.initMap();
    } else {
      const script = document.createElement("script");
      /* global kakao */
      script.onload = () => kakao.maps.load(this.initMap);
      script.src = `http://dapi.kakao.com/v2/maps/sdk.js?autoload=false&appkey=${this.appkey}&libraries=services`;
      document.head.appendChild(script);
    }
    // 지도를 표시할 div

    /////////////////////////////////////////////////////// 지도를 생성합니다

    // 지도에 클릭 이벤트를 등록합니다
    // 지도를 클릭하면 마지막 파라미터로 넘어온 함수를 호출합니다
  },
  methods: {
    initMap() {
      let mapContainer = document.getElementById("map"), // 지도를 표시할 div
        mapOption = {
          center: new kakao.maps.LatLng(36.464343, 127.947613), // 지도의 중심좌표
          level: 12, // 지도의 확대 레벨
        };

      let map = new kakao.maps.Map(mapContainer, mapOption);

      // 좌표얻기
      kakao.maps.event.addListener(map, "click", function (mouseEvent) {
        // 클릭한 위도, 경도 정보를 가져옵니다
        let latlng = mouseEvent.latLng;

        const gridX = latlng.getLng();
        const gridY = latlng.getLat();
        // this.createdOverlay(map);
        getGridXY(gridX, gridY);
      });
    },
    createdOverlay() {
      let mapContainer = document.getElementById("map");
      let customOverlay = new kakao.maps.CustomOverlay({
        clickable: true,
        content: '<div class="customOverlay arrow_box">오버레이</div>',
        position: new kakao.maps.LatLng(33.450701, 126.570667),
        xAnchor: 0.5,
        yAnchor: 1,
        zIndex: 3,
      });

      let map = new kakao.maps.Map(mapContainer);

      customOverlay.setMap(map);
    },
  },
  created() {
    this.createdOverlay();
  },

딱히 오류도 뜨는게 없어서 원일을 찾기 어렵습니다ㅜ

2

렌더링이 끝나고 스크립트가 로드된 후 커스텀 오버레이를 생성해야하기 때문에
mounted 훅에서 오버레이를 생성해주세요.

그리고 코드에서 지도를 중복 생성하고 있습니다.
단일 지도라면 1개의 지도 객체만 생성해서 재사용해주세요.