여분필드로 주소를 저장해서 카카오 지도와 로드뷰를 함께 보이려면 어떻게 하면 될까요?
본문
일단 일반 지도는
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); } });
답변을 작성하시기 전에 로그인 해주세요.
