Project (09.20) - travelAnswer 페이지 카카오맵, openAI 구현

 

위는 OpenAI로 추천받은 여행장소와 상세주소
이제 상세 주소를 클릭 시 지도가 주소에 맞게 동적으로 움직일 수 있도록 만들 고 싶은데 어떻게 하지?

 `<a href="#" onclick="handleAddressClick('부산광역시 해운대구 해운대해변로 264번길')"> 부산광역시 해운대구 해운대해변로 264번길</a>`

 function handleAddressClick(address) {
			// openAI에서 받은 주소로 키워드 검색
			alert(address);
			ps.keywordSearch(address, placesSearchCB);
			event.preventDefault();
		}
        

 

주소를 클릭하면 그 주소를 검색하고 지도에 표시될 수 있도록

ps.keywordSearch('이태원 맛집', placesSearchCB); 

 

카카오맵에 장소를 검색하는 곳에 넣었는데 지도가 움직이지 않는다..

해보니깐 도로명 주소로 검색하는게 안나오네? 아 키워드로 장소검색하는 api여서 그런가 왜 이런 부분에서 그러는거지ㅜ 그래도 장소로 클릭 시 지도가 해당 장소 표시되는 것을 확인 완료

그렇다면 openai에서 도로명 주소를 받아낼 필요는 없지..? 그럼 6개 장소가 아닌 10개로 늘리자

 

---

 

클릭 하면 해당 키워드의 주소에 마커가 생기는데 되는 것도되고 안되는것도 있고, 뭔가 저 나오는 키워드 '대전 대전호수공원' 처럼 이런식으로 되서 키워드 검색이 잘 안되는 듯? 앞에 지역('대전') 을 빼보자

 

보니깐 그냥 키워드가 들어간 장소 어떤 곳이든 나오는 것같다.. 이부분은 시간이 한정적이라 다른 기능 부터 구현 후 수정해야할 듯하고, 지금은 디자인 정도만 손 보고 일단 이부분은 넘어가자