D-20,D-19 매물 정보 지도 구현 로직 정리

 

 

지도 구현 로직을 정리해보자. 

참고 이미지 - 다방

분석:

1. 기본

지도를 일정한 사이즈로 분할해서 그 안에 리스트 목록 count. 

count 된 숫자 누르면 해당 매물 왼쪽 리스트에 띄워줌

화면 확대해도 분할 사이즈 변하지 않음

 

2. 예외

if 지도 레벨이 축척 3km (네이버) 이면 구 단위로 집계

else if  그 이하~500m 까지 동 단위

그 이하는  박스별로 카운트하되, 찍는 마크는  해당 매물과 가까이? 근처? 인듯. 

 

 

전제 : 필터->지도->리스트

<기본>

bounds.contain(latlng);  리스트 카운트 > 2 개 이상 리스트 중앙값에 원 찍기 

! 중앙값 변경시 위 과정 다시 수행

! 필터 ( 현재 화면에서 검색 조건에 해당하지 않는 매물을 제외하는 방식 ) 5개 -> 3개

! 검색 -> Select 방식으로 해당 동으로 지도 좌표 이동 후 

 

카카오맵 레벨별 축척

lv.3 60m ---------------------기본 단위...

lv.5 250m

lv.6 600m ------------------여기서부터 더 크면 동 단위

lv.7 1km

lv.8 2km -------------------여기서부터 더 크면 구 단위

lv.9 4m

 

 

 

 

회의내용 정리

1. 필터에 들어갈 내용

: 층 / 면적 / 납부 타입 / 가격 범위 (슬라이드바)  

*가격 범위의 경우 월세/전세는 보증금 기준

2. 검색은 select 동 검색

 

**욕심... 아파트는 실거래가를 띄워주고 싶은데. 

https://brunch.co.kr/@clay1987/315

이 서비스는 어떻게 만들까 ? : 부동산 매물 정보