<div>
        <div id="map" style="width:100%;height:350px;"></div>
        <div id="roadview" style="width:100%;height:350px;"></div>
    </div>
    <script type="text/javascript"
        src="//dapi.kakao.com/v2/maps/sdk.js?appkey=25e4c6b0c1db6f754627f6cf8562a00d&libraries=services"></script>
 
    <script>
        var mapContainer = document.getElementById('map'), // 지도를 표시할 div
            mapOption = {
                center: new kakao.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
                level: 5 // 지도의 확대 레벨
            };
 
        // 지도를 생성합니다   
        var map = new kakao.maps.Map(mapContainer, mapOption);
 
        var roadviewContainer = document.getElementById('roadview'); //로드뷰를 표시할 div
        var roadview = new kakao.maps.Roadview(roadviewContainer); //로드뷰 객체
        var roadviewClient = new kakao.maps.RoadviewClient(); //좌표로부터 로드뷰 파노ID를 가져올 로드뷰 helper객체
 
        // 주소-좌표 변환 객체를 생성합니다
        var geocoder = new kakao.maps.services.Geocoder();
        // 주소로 좌표를 검색합니다
        var geocoderCallback = function (result, status) {
            var latX, latY;
            // 정상적으로 검색이 완료됐으면
            if (status === kakao.maps.services.Status.OK && 0 < result.length) {
 
                if (1 === result.length) {
                    latX = result[0].x;
                    latY = result[0].y;
                } else {
                    console.log('1<', result); // 적절하게 예외처리
                }
 
                console.log(mapOption);
                var latlng = new kakao.maps.LatLng(latY, latX);
                // 결과값으로 받은 위치를 마커로 표시합니다
                var marker = new kakao.maps.Marker({
                    map: map,
                    position: latlng
                });
 
                // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
                map.setCenter(latlng);
 
                var position = latlng;
 
                // 특정 위치의 좌표와 가까운 로드뷰의 panoId를 추출하여 로드뷰를 띄운다.
                roadviewClient.getNearestPanoId(position, 50, function (panoId) {
                    roadview.setPanoId(panoId, position); //panoId와 중심좌표를 통해 로드뷰 실행
                });
            } else {
                console.log('else', result)
            }
        }
        geocoder.addressSearch("서울 종로구 세종로 1-68", geocoderCallback);
    </script>