카카오맵 지도 -4 Input 창에 default 값 추가하기

developer.do·2023년 2월 16일
0

Input 창에 default 값 추가하기

미션
위 사진처럼 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('에러입니다.');
    }
  }

0개의 댓글