4월11일(화)

지도 중간값 받는 과정.

로직부터 이해가 안 감. 우선 수도코드 식으로 정리

우선 지도 그리기(카카오 map api).
인풋4개 값(키워드 검색(검색버튼)으로 지도 위 마커 찍기.) => on change, value로 경도,위도받는다. -> 근데 인풋값 검색버튼 누르는 거는 카카오맵 api 키워드 검색 로직을 가져와야는데 어떻게 좌표 정보 얻어와? 위도경도 값을
그걸 중간값 찾기라는 버튼을 눌러서 submit한다. 그래서 post로 서버와 통신. 서버 URL이랑 state값 전송, request는 state값 {x1,y1~x4,y4}.
response로 좌표 중간값 받아서 그걸 지도 위에 마커를 찍어준다.

        const map = mapRef.current
        setInfo({
            center: {
            lat: map.getCenter().getLat(),
            lng: map.getCenter().getLng(),
            },  

이게 위도경도 받아오는 로직. 그러면 이걸 change input handler에 같이 넣고 값을 value로 받고 submit한다??

우선 인풋값4개 받아서 중간위치값 버튼 누르면 위도경도값나오는 거 까지 함. 그러면 거기서 어떻게 그 값을 가져올까?

서버 api request값

{
x1 : 37.324,
y1: 164.324,

x2 : 37.3445,
y2 : 164.2456,

x3 : 37.3445,
y3 : 164.2456,

x4 : 37.3445,
y4 : 164.2456,
}

어떻게 이렇게 줄지?
많은 시도 끝에 실현.