프론트쪽 세팅

토리 초기 홈화면에서 홍대 지역의 가게 화장실 정보를 제공해주게 되었다.

단순히 도/시 + 시/군/구가 아닌 우리만의 기준으로 구역을 나누어 추천할 것이기 때문에 새로운 방식의 조회가 필요하다 생각이 들었다.

image.png

위 사진은 호갱노노라는 어플의 상권 사진인데, 우리도 호갱노노처럼 구역을 나누고 해당 구역안에있는 가게 정보들 제공해주면 좋을것 같다고 생각했다.

이 영역을 보여주는게 폴리곤인데, 폴리곤은 지도상의 각 좌표들을 이어서 그림을 그리게 된다.

호갱노노를 뜯어보면 해당 폴리곤의 좌표를 쉽게 얻을 수 있지만 우리만의 구역을 나누어서 제공하려면 커스텀이 필수가 될 것 같아 직접 폴리곤을 생성 할 수 있도록 백오피스에 구현하였다.

polygon.gif

지금은 간단하게 폴리곤을 그리면 좌표를 출력시키고

추후 팀원들이 토리가 지정한 영역들을 확인 할 수 있도록 구현하였다.

“홍대” 라는 지역으로는 아래와 같이 영역을 지정하였고 이 영역 안에 있는 가게들만 조회가 가능하도록 해보자.

image.png