[FRONT, BACK] GPS 기능 추가사항

[KIMJINOH97]

FRONT

• [x] 사용자의 현재 위치 좌표 계산 및 이동
• [x] 사용자 위치 중심으로 API 호출

BACK

• [x] 위치 좌표 기준 쿼리 생성
• [x] (latitude, longitude) 좌표로 multicolumn index 생성

[KIMJINOH97]

(latitude, longitude) index 생성 mysql workbench 로 확인가능

[WHO-A-U]

구현사항

• 현재 위치로 이동하는 PNG 생성

• 현재 위치 기반으로 1km 조회 가능한 버튼 생성

• 현재는 1km 로 요청을 하도록 고정해놓은 상태 ( 추후 변경예정)

  const onClickEvent = async () => {
      const distance = 1;
      const { status, data, message } = await placeApi.getPlaceByLocation(query, coord.lat, coord.lng, distance);
  
      if (status === 200) {
          setStoreList(data);
      } else {
          alert(message);
      }
  }

• queryDSL 구현 현재 필터와 호환되도록 구현 (gu , dong 은 query 에 담겨서 보내지만 효력을 잃음)

추후 구현 내용

• [x] 현재지도에서 검색 버튼 UI 수정
• [x] 현재지도 검색버튼에 distance 설정이 가능하도록 수정

@KIMJINOH97

[KIMJINOH97]

const onClickEvent = async () => {
    console.log(distance[0]);
    const { status, data, message } = await placeApi.getPlaceByLocation(
      query,
      coord.lat,
      coord.lng,
      +distance[0]
    );

    if (status === 200) {
      setStoreList(data);
    } else {
      alert(message);
    }
  };

필터 총 200m, 500m, 1KM 이렇게 3개로 함. 1KM 생각보다 넓어서 일단 이렇게 했는데 추후 수정 가능.

[KIMJINOH97]

• 현재 위치 표시 및 UI 변경함.