테스트 사이트 - 개발 중인 베타 버전입니다

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

 

일단 일반 지도는

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('', 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: '
우리회사
' }); infowindow.open(map, marker); // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다 map.setCenter(coords); } });
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

https://apis.map.kakao.com/web/sample/basicRoadview/

해당 샘플을 지도 아래부분에 사용하시면 될거같습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록

🐛 버그신고