해당 그림처럼 사용하고 있는데

콘솔창에 해당 에러가 발생합니다. 카카오 지도 api 가이드 예제를 그대로 따와서 사용하는데, 오류가 발생해서 문의 드립니다.
동적으로 스크립트를 로드하는 경우(autoload=false) 스크립트가 로드된 후 객체를 생성해줘야 합니다.
아래 문서와 같이 kakao.maps.load 콜백 함수에서 kakao.maps 객체에 접근했는지 확인해주세요.
https://apis.map.kakao.com/web/documentation/#load_load