그누보드 QA - 여분필드로 주소를 저장해서 카카오 지도와 로드뷰를 함께 보이려면 어떻게 하면 될까요?

여분필드로 주소를 저장해서 카카오 지도와 로드뷰를 함께 보이려면 어떻게 하면 될까요?

모몽 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2023.06.19 13:17:43 조회 935 (222.♡.♡.127)

본문

일단 일반 지도는

https://apis.map.kakao.com/web/sample/addr2coord 이 스크립트를 적용하였는데

지도 밑으로 로드뷰 화면도 함께 보여지게 하려면 추가 코드를 어떻게 넣으면 될지 부탁드립니다.

참고로 wr_1 여분필드에 주소를 넣었을 경우에 아래 처럼 해서 지도는 보여지고 있습니다.

지도 아래로 로드뷰 화면도 함께 보여지게 하고 싶어서요.

-----------------------------------------------------------

var mapContainer = document.getElementById('map'), // 지도를 표시할 div 
    mapOption = {
        center: new kakao.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
        level: 3 // 지도의 확대 레벨
    };  

// 지도를 생성합니다    
var map = new kakao.maps.Map(mapContainer, mapOption); 

// 주소-좌표 변환 객체를 생성합니다
var geocoder = new kakao.maps.services.Geocoder();

// 주소로 좌표를 검색합니다
geocoder.addressSearch('<?php echo $view['wr_1'] ?>', function(result, status) {

    // 정상적으로 검색이 완료됐으면 
     if (status === kakao.maps.services.Status.OK) {

        var coords = new kakao.maps.LatLng(result[0].y, result[0].x);

        // 결과값으로 받은 위치를 마커로 표시합니다
        var marker = new kakao.maps.Marker({
            map: map,
            position: coords
        });

        // 인포윈도우로 장소에 대한 설명을 표시합니다
        var infowindow = new kakao.maps.InfoWindow({
            content: '<div style="width:150px;text-align:center;padding:6px 0;">우리회사</div>'
        });
        infowindow.open(map, marker);

        // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
        map.setCenter(coords);
    } 
});