Trip Area
카카오 맵 적용 History
1. 카카오 개발자 웹에서 웹용 js키 발급
2. 푸터쪽에 wp_enqueue_script로 api 연결 (클러스터, 주소 변환 서비스도 연결 : &libraries=services,clusterer)
3. 주소 표시를 위한 js 파일 연결 (api 연결 다음에 위치!)
4. 장소들 rest api 주소 (/wp-json/wp/v2/destination)
5. 카카오 지도에 표시할 주소를 ACF 필드로 입력 (REST API 노출 옵션 있음)
6. 비로그인 사용자는 REST API 주소 이용 못 하게 막음 (플러그인 이용)
7. 기본 CPT(destination) restApi 주소로 마커 표시까지 성공. but 클러스터 표시가 제대로 안 됨
8. REST API 커스텀 주소를 만들어서 원하는 데이터를 만드는 것으로 방향 전환 (/custom/v1/destination)
8-1. https://www.youtube.com/watch?v=-OsWzDrnrHM
8-2. https://www.youtube.com/watch?v=lAl9m-yCwGA
9. 그래도 클러스터러 표시 안 되는 문제 > 위도, 경도를 아예 json 데이터에 표시하는 것으로 바꿈 (루프 내에서 카카오맵 주소 검색하는 것을 X)
10. 이제 클러스터러 표시 OK
11. 각 마커 위에 포스트 링크가 연결된 타이틀 레이어 표시
12. 레이어를 닫기도 할 수 있게 하려면 js로 닫기 함수가 포함된 Element를 생성
13. 지도의 레벨을 체크해서 레벨이 7보다 크면 마커 위에 뜬 레이어를 숨김 조치
14. 커스텀 Rest API 주소 외 모든 코어 주소들 차단 (보안 목적)