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

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

QA

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

본문

 

일단 일반 지도는

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);
    } 
});   

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
전체 5
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT