보완해야했던 문제를 해결해보자
이전 게시글에 있던 보완해야할 점을 해결해보자.
2024.09.12 - [🛠️ Project/🗺️ Kakao Maps API] - [카카오 지도 API] 장소 검색 목록에서 선택한 장소만 지도에 마커 표시하기
- 검색 결과 목록에서 항목을 선택하면 마커가 표시된다.
하지만 현재는 선택한 순서대로 마커에 번호가 매겨지는 것이 아닌, 검색 결과 목록의 순서로 정해진다.
그럼 2 페이지에서 항목을 선택하게되면 겹치는 숫자가 발생하기 때문에 구별하기 어려워진다.
이전 게시글의 코드에 있던 함수들을 조금 수정해보자.
장소를 선택한 순서대로 마커 숫자 지정하기
1. 개별 항목을 구분하는 i를 인덱스로 쓰지 않을 것이기 때문에 displayPlaces 함수 내에서 더이상 handleSelectBtnClick 함수에 매개변수로 i 값을 넘겨줄 필요가 없다.
2. 검색 결과 목록에서 마커 이미지를 표시하지 않을 것이기 때문에 이미지를 표시하는 코드도 주석 처리한다.
3. handleSelectBtnClick 함수 내에서 index 값을 배열의 길이로 지정했다.
4. addSelectedMarker 함수 내에 좌표 지정 코드를 ((idx-1)*46)+10로 지정했다.
이렇게만 고치면 검색 결과 순서가 아닌, 선택한 순서대로 마커의 숫자가 찍힌다.
아래 두 글에 자세한 트러블슈팅 과정을 작성해두었다!
2024.09.13 - [🔫 트러블슈팅] - [카카오 지도 API] 검색 결과 목록의 페이지별 마커 인덱스 겹침 문제
2024.09.13 - [🔫 트러블슈팅] - [카카오 지도 API] 마커 인덱스가 index+1 값으로 표시되는 문제
'🛠️ Project > 🗺️ Kakao Maps API' 카테고리의 다른 글
| [카카오 지도 API] 장소 추가 시 지도에 보이는 범위 재설정하기 (0) | 2024.09.23 |
|---|---|
| [카카오 지도 API] 선택한 장소의 마커를 지도에서 제거하기 및 마커 번호 재정렬하기 (0) | 2024.09.20 |
| [카카오 지도 API] AJAX를 이용해 선택된 장소 데이터를 백단으로 전송하기 (0) | 2024.09.12 |
| [카카오 지도 API] 장소 검색 목록에서 선택한 장소만 지도에 마커 표시하기 (0) | 2024.09.12 |
| [카카오 지도 API] 키워드로 장소검색하고 목록으로 표출하기 예제 코드에서 검색 시 동작 방식 알아보기 (0) | 2024.09.11 |
