지난 번에 질문 드렸던 건데 파일을 올려달라 하셔서 코드 남깁니다
let KAKAOMAP;window.addEventListener('load', () => {
const options = { //지도를 생성할 때 필요한 기본 옵션
center: new kakao.maps.LatLng(37.566541, 126.978533), //지도의 중심좌표.
level: 3 //지도의 레벨(확대, 축소 정도)
};
KAKAOMAP = new kakao.maps.Map(document.querySelector('#map'), options);
});
</script>
<style type="text/css">
.ic-map {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: inline-block;
margin: auto;
width: 48px;
height: 48px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(14 8)'%3E%3Cellipse cx='10' cy='28.5' fill='%23333' fill-opacity='.2' stroke='%23333' stroke-opacity='.06' stroke-width='.5' rx='9.75' ry='3.25'/%3E%3Cg fill-rule='nonzero'%3E%3Cpath fill='%23333' d='M17.071 2.867c-3.905-3.823-10.237-3.823-14.143 0C-.59 6.31-.986 12.795 2.001 16.693l7.23 10.22c.3.425.888.526 1.312.226.087-.062.163-.138.225-.225L18 16.693c2.986-3.898 2.59-10.382-.929-13.826z'/%3E%3Cpath fill='%23FFF' d='M10 14c-1.062-.001-2.08-.423-2.83-1.173S5.999 11.06 6 10c-.001-1.06.42-2.076 1.17-2.827C7.92 6.423 8.938 6.001 10 6c2.209 0 4 1.792 4 4 .001 1.06-.42 2.076-1.17 2.827-.75.75-1.768 1.172-2.83 1.173z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.map {
width: 100%;
height: 28vh;
position: relative;
background-color: #fff;
margin-left: 0px;
margin-right: 0px;
}
</style>