약도스킨 베이스 게시물 주소를 네이버 지도 api 연동하는데 표시가 제대로 안되고있습니다. 채택완료

아래 코드 한번 참고를 해보시는게 어떠실지요.

<!-- 약도 -->
<script type="text/javascript" src="https://oapi.map.naver.com/openapi/v3/maps.js?ncpKeyId=네이버ID&submodules=geocoder"></script>
<script type="text/javascript" src="https://oapi.map.naver.com/openapi/v3/maps-panorama.js"></script>
<div id="map" style="width:71%;height:300px;"></div>    

<script>
// 지도 초기화
var map = new naver.maps.Map('map', {
    center: new naver.maps.LatLng(37.5665, 126.9780), // 서울 시청 좌표 (기본값)
    zoom: 15
});

var myaddress = '<?=addslashes($view['wr_5'])?>';// PHP 문자열 이스케이프 처리

// 주소가 비어있는지 확인
if (!myaddress || myaddress.trim() === '') {
    console.log('주소가 입력되지 않았습니다.');
} else {
    console.log('검색할 주소:', myaddress); // 디버깅용
    
    // 지오코딩 요청
    naver.maps.Service.geocode({
        query: myaddress  // address 대신 query 사용
    }, function(status, response) {
        console.log('지오코딩 상태:', status); // 디버깅용
        console.log('응답 데이터:', response); // 디버깅용
        
        if (status === naver.maps.Service.Status.ERROR) {
            console.error('지오코딩 에러 발생');
            return alert(myaddress + '의 검색 결과가 없거나 기타 네트워크 에러');
        }
        
        if (status !== naver.maps.Service.Status.OK) {
            return alert('지오코딩 서비스 오류');
        }
        
        var result = response.v2; // v2 결과 사용
        
        // 결과가 없는 경우 체크
        if (!result || !result.addresses || result.addresses.length === 0) {
            return alert(myaddress + '의 검색 결과가 없습니다. 정확한 주소를 입력해주세요.');
        }
        
        // 첫 번째 결과 사용
        var item = result.addresses[0];
        var point = new naver.maps.Point(item.x, item.y);
        var latlng = new naver.maps.LatLng(item.y, item.x);
        
        // 지도 중심 이동
        map.setCenter(latlng);
        map.setZoom(16);
        
        // 마커 표시
        var marker = new naver.maps.Marker({
            position: latlng,
            map: map,
            title: '<?=addslashes($view['subject'])?>'
        });
        
        // 정보창 생성
        var infowindow = new naver.maps.InfoWindow({
            content: [
                '<div style="padding:10px;min-width:200px;line-height:150%;">',
                '<h4 style="margin-top:5px;margin-bottom:5px;"><?=addslashes($view['subject'])?></h4>',
                '<p style="margin:0;">' + item.roadAddress + '</p>',
                '</div>'
            ].join('')
        });
        
        // 마커 클릭 이벤트
        naver.maps.Event.addListener(marker, "click", function(e) {
            if (infowindow.getMap()) {
                infowindow.close();
            } else {
                infowindow.open(map, marker);
            }
        });
        
        // 지도 로드 시 정보창 자동 열기 (옵션)
        // infowindow.open(map, marker);
    });
}
</script>

<!-- 디버깅용 정보 표시 (개발 중에만 사용) -->
<div style="margin-top:10px; padding:10px; background:#f5f5f5; border:1px solid #ddd;">
    <strong>디버깅 정보:</strong><br>
    입력된 주소: <?=$view['wr_5']?><br>
    제목: <?=$view['subject']?>
</div>
<!-- 약도 -->