미션
위 사진처럼 Input 검색창에 default 값으로 제주도 값이 들어가있어야 한다.
당연히 value="제주도"를 통하면 제주도가 미리 들어가있기에 문제가 없을 것 같지만
기능적으로, 디자인적으로 마음에 들지 않아서 default 값으로 안보이게 넣어보자
해결
const ps = new kakao.maps.services.Places(); // 장소 검색 객체를 생성 ps.keywordSearch(`제주특별자치도 ${searchPlace}`, placeSearchDB); //키워드로 장소를 검색 // 여기에 ' 제주특별자치도 ' 를 넣어주면 끝임
function placeSearchDB(data: any, status: any, pagination: any) {
//키워드 검색 완료 시 호출되는 콜백함수
if (status === kakao.maps.services.Status.OK) {
// 검색된 장소 위치를 기준으로 지도 범위를 재설정하기위해
let bounds = new kakao.maps.LatLngBounds(); // LatLngBounds 객체에 좌표를 추가
for (let i = 0; i < data.length; i++) {
bounds.extend(new kakao.maps.LatLng(data[i].y, data[i].x));
}
map.setBounds(bounds);
} else if (status === kakao.maps.services.Status.ZERO_RESULT) {
alert(' 제주도 지명을 검색해주세요.');
} else if (status === kakao.maps.services.Status.ERROR) {
alert('에러입니다.');
}
}